/* === Sprite === */
.sprite,.mainNav .nav li,#footer .copyright .logo,.topSearch .searchBtn,.secNav li.more a,.hasDot li a,.dashboard dd ol li a { background: transparent url(../images/sprite.png) no-repeat 0 -9999px;}
.repeat,ul.tabs li,ul.tabs li.ui-state-hover,ul.tabs li.ui-state-active,.category li a { background: transparent url(../images/repeat.png) repeat-x 0 0; }
/* === Layout === */
#wrapper { position: relative; width: 100%; height: 100%; zoom: 1; }
.layout { margin:0 auto; position: relative; z-index: 1; width:100%; min-width: 990px;}
.wrapper {  *zoom: 1; }
.wrapper:before, .wrapper:after { display: table; content: ""; }
.wrapper:after { clear: both; }

#top, #header, #navbar, #footer { position: absolute; left: 0; right: 0; min-width: 990px; z-index: 2; }
.noIframe #header, .noIframe #navbar, .noIframe #footer { position: relative; }

.noNavbar #navbar {display:none;}
.noNavbar #content {top:90px;}
/* # Top part
================================================== */
#top { background: #0D1A3A; height:30px; line-height: 30px; top: 0; z-index: 3; }
#top-shadow { display: none; }
.fullscreen #top,
.fullscreen #header,
.fullscreen #navbar,
.fullscreen #content .breadLine { display: none; }
.fullscreen #wrapper #content,
.fullscreen #wrapper #content .grid-m { top: 0; }
/*=== Site navigation ===*/
.topNav a,.userNav a { color: #999; }
.topNav a:hover, .userNav a:hover, .userNav li.hover a { color: #FFCC00; }
.topNav { position: relative;float: left; z-index: 990; display: inline;}
.topNav li.active { background: none; }
.topNav li.active a { color: #fc0; }
ul.topNav li { position: relative; float: left; padding: 0 10px; color: #999; }
ul.topNav li.diviver { padding: 0; }
ul.topNav li ul {position: absolute;background: url(../images/sprite.png) no-repeat 6px -85px; font-size: 12px; font-weight: normal; width: 120px; top: 28px; padding-top: 10px; display: none; }
ul.topNav li ul li { width: 120px; border-bottom: 1px solid #0A142C; text-align: left; border-top: 1px solid #102149 ; background: #0D1A3A; padding: 0; float: none; }
ul.topNav li ul li:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; border-top: none; padding-top: 1px; }
ul.topNav li ul li:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
ul.topNav li ul li a { text-decoration: none; padding: 0 10px; color: #eee !important; display: block; }
ul.topNav li ul li:hover a,
ul.topNav li ul li a:hover { background-color: #132757; color: #FC0 !important; }
ul.topNav li ul li a span { vertical-align: middle; }
/*=== User navigation ===*/
ul.userNav { margin-right: 220px; position: relative; z-index: 990; float: right; display: inline; }
ul.userNav li { position: relative; float: left; padding: 0 10px; color: #999; }
ul.userNav li.diviver { padding: 0; }
ul.userNav li ul { position: absolute; background: url(../images/sprite.png) no-repeat 6px -85px; font-size: 12px; font-weight: normal; width: 120px; top: 28px; padding-top: 10px; display: none; }
ul.userNav li ul li { width: 120px; border-bottom: 1px solid #0A142C; text-align: left; border-top: 1px solid #102149 ; background: #0D1A3A; padding: 0; float: none; }
ul.userNav li ul li:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; border-top: none; padding-top: 1px; }
ul.userNav li ul li:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
ul.userNav li ul li a { text-decoration: none; padding: 0 10px; color: #eee !important; display: block; }
ul.userNav li ul li:hover a,
ul.userNav li ul li a:hover { background-color: #132757; color: #FC0 !important; }
ul.userNav li ul li a span { vertical-align: middle; }

ul.userNav li a i { margin-right: 10px; background: url(../images/sprite.png) no-repeat 0 -9999px; width: 16px; height: 16px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
ul.userNav li.i-favorite a i { background-position: -110px 0; }
ul.userNav li.i-history a i { background-position: -130px 0; }
ul.userNav li.i-profile a i { background-position: -150px 0; }
ul.userNav li.i-password a i { background-position: -170px 0; }
ul.userNav li.i-exit a i { background-position: -190px 0; }
ul.userNav li.i-help a i,
ul.userNav li.i-version a i { display: none; }

ul.userNav li ul .dropdown-menu { display: none; width: 250px; height: 300px; padding: 3px; background: #132757; border: none; }
ul.userNav li ul li:hover .dropdown-menu { position: absolute; top: 0; left: -256px;  display: block; }
ul.userNav li ul ul{ position: relative; background: none; display: block; width: auto; height: 100%; top: 0; padding: 0; }
ul.userNav li ul .dropdown-menu .inner { padding: 0; background: #fff; height: 100%; overflow: hidden; overflow-y: auto;  }

ul.userNav li ul li .recentApps {}
ul.userNav li ul li .recentApps li { padding: 0 !important; width: auto; border: none; }
ul.userNav li ul li .recentApps li a { margin: 0; padding: 3px; display: block; *zoom: 1; background: #fff; }
ul.userNav li ul li .recentApps li a:before, ul.userNav li ul li .recentApps li a:after { display: table; content: ""; }
ul.userNav li ul li .recentApps li a:after { clear: both; }
ul.userNav li ul li .recentApps li a b { margin: 4px 0 0; color: #333; font-weight: normal; width: 175px; display: inline-block; *display: inline; *zoom: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
ul.userNav li ul li .recentApps li a:hover b { color: #ff6600; }
ul.userNav li ul li .recentApps li a span.datetime { display: block; color: #999; }
ul.userNav li ul li .recentApps li a i { float: left; padding: 8px; width: 24px; height: 24px; }
ul.userNav li ul li .recentApps li .i-monitor { background: #0384CE url(../images/icons/monitor_24.png) no-repeat center center; }
ul.userNav li ul li .recentApps li .i-playback { background: #45B67F url(../images/icons/playback_24.png) no-repeat center center; }
ul.userNav li ul li .recentApps li.empty { height: 100%; background: url(../images/empty.png) no-repeat center center; }

ul.userNav li ul li .favoriteApps .ztree { padding: 5px; height: 290px; }
ul.userNav li ul li .favoriteApps .ztree li { width: auto; border: none; background: none; color: #333; border-radius: 0; }
ul.userNav li ul li .favoriteApps .ztree li a,
ul.userNav li ul li .favoriteApps .ztree li a:hover { padding: 1px 3px 0 0; display: inline-block; *display: inline; *zoom: 1; border: none; background: none; filter: none; color: #333 !important; }
ul.userNav li ul li .favoriteApps .ztree li a.curSelectedNode { padding-top: 0px; background-color: #FFE6B0; color: black; height: 16px; border: 1px #FFB951 solid; }
ul.userNav li ul li .favoriteApps .ztree li span {}
ul.userNav li ul li .favoriteApps .ztree li ul { padding: 0 0 0 18px; }

/* # Header part
================================================== */
#header { top: 30px; height:60px;
    background: #2F4B94;
    background: -moz-linear-gradient(top,  #2F4B94 0%, #2A4288 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2F4B94), color-stop(100%,#2A4288));
    background: -webkit-linear-gradient(top,  #2F4B94 0%,#2A4288 100%);
    background: -o-linear-gradient(top,  #2F4B94 0%,#2A4288 100%);
    background: -ms-linear-gradient(top,  #2F4B94 0%,#2A4288 100%);
    background: linear-gradient(top,  #2F4B94 0%,#2A4288 100%);
}
#header .logo { float: left; cursor: default; }
#header .logo img { float: left; margin: 5px; height: 50px; }
h1.title { float:left; margin: 5px 20px; width: 500px; height: 50px; line-height: 50px; color:#fff; text-shadow:1px 1px 2px rgba(54,104,176,0.5); font-size: 26px; font-family: "微软雅黑"; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* === User Profile === */
.avator { background: #ccc; border-radius: 5px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
.avator img { width: 32px; height: 32px; vertical-align: middle; }
.uName { color: #2A3864; font-weight: bold; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
.uName li a { font-weight: normal; }

/* === Search === */
.topSearch { position: absolute; top: 2px; right: 2px; z-index: 4; width: 210px; height: 26px; }
.topSearch .bd { position: relative; z-index: 2; font-size: 0; }
.topSearch .keyword { padding: 4px 10px; background: transparent; width: 170px; height: 18px; line-height: 18px; border: none; box-shadow: none; vertical-align: top; }
.topSearch .keyword:focus { padding: 4px 10px; outline:none; box-shadow: none; }
.topSearch input.placeholder,
.topSearch input[placeholder] { color: #051B37; }
.topSearch .searchBtn { position: absolute; top: 2px; right: 2px; background-position: 0 0; width: 22px; height: 22px; border: none; overflow: hidden; padding: 0; font-size: 0; cursor: pointer; }
.topSearch .shadow { background: #fff; width: 210px; height: 26px; z-index: 1; opacity: 1; }

/* Layout Dropdown Stuff
================================================== */
#navbar { top: 90px; right: 0; left: 0; }
.mainNav { border-top: 1px solid #465C8E; height: 34px;overflow:hidden;
    background: #2E4A93;
    background: -moz-linear-gradient(top,  #273F7D 0%, #2E4A93 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#273F7D), color-stop(100%,#2E4A93));
    background: -webkit-linear-gradient(top,  #273F7D 0%,#2E4A93 100%);
    background: -o-linear-gradient(top,  #273F7D 0%,#2E4A93 100%);
    background: -ms-linear-gradient(top,  #273F7D 0%,#2E4A93 100%);
    background: linear-gradient(top,  #273F7D 0%,#2E4A93 100%);
}

.mainNav .shadow {display: none;}

.mainNav ul.nav {margin:0 0 0 20px;}
.mainNav ul.nav ul { *zoom: 1; }
.mainNav ul.nav ul:before, .mainNav ul.nav ul:after { display: table; content: ""; }
.mainNav ul.nav ul:after { clear: both; }
.mainNav .nav li .ddmenu { position: absolute; display: none; border-top: 2px solid #95ABE8; background:#E7ECFA; box-shadow: 0 5px 5px -2px rgba(0,0,0,.15);overflow:auto;}
.mainNav .nav li.hover .ddmenu,
.mainNav .nav li:hover .ddmenu { display: block; }
.mainNav .nav .ddmenu ul { padding: 10px; max-width:400px; _width:400px; border: 1px solid #95ABE8; border-top: 0; }
.mainNav .nav .ddmenu ul ul { margin: 0 0 10px; padding:0 5px 5px; min-width:250px; border: none; border-bottom: 1px solid #95ABE8; }
.mainNav .nav ul > li:last-child ul {border: none; }
.mainNav .nav li { float: left; font-weight: bold; display: block; white-space: nowrap; }
.mainNav .nav li li { float: none; display: block; }
.mainNav .nav li li li { float: left; margin: 3px 0; font-weight: normal; }
.mainNav .nav li a { padding: 0 15px; line-height: 34px; display: block; color: #FFF; }
.mainNav .nav li.active a {padding-bottom: 0; background: #FFF; color: #2546A5; }
.mainNav .nav li.hover a,
.mainNav .nav li:hover a {padding-bottom: 0; background: #5779D0; color: #FFF; }
.mainNav .nav li.active li a,
.mainNav .nav li.hover li a,
.mainNav .nav li:hover li a,
.mainNav .nav li li a { margin: 0 15px; padding: 0; display: inline; background: none; color: #2546A5; line-height: 25px; }
.mainNav .nav li.active li a:hover,
.mainNav .nav li.hover li a:hover,
.mainNav .nav li:hover li a:hover,
.mainNav .nav li li a:hover { color: #F60; }

.mainNav .nav li.active li li a,
.mainNav .nav li.hover li li a,
.mainNav .nav li:hover li li a,
.mainNav .nav li li li a { background: none; color: #333; line-height: 20px; }

/* === Second navigation === */
.secNav { position: relative; z-index: 1; padding: 0 20px; height: 32px; background: #E1E5EE; border-bottom: 2px solid #BFC4CA; }
.secNav .nav { position: relative; z-index: 2; display: inline-block; *display: inline; *zoom: 1; height: 34px; overflow: hidden; }
body:hover .secNav .nav { overflow: visible; } /* 为解决在chrome下快速缩小窗口时，菜单换行闪烁的问题，通过overflow来解决 */
.secNav .nav li { margin: 0 0 0 10px; padding: 0 0 0 1px; float: left; display: block;  }
.secNav .nav li:hover,
.secNav .nav li.active { border-bottom: 2px solid #2B4487; }
.secNav .nav li a { position: relative; z-index: 3; padding: 8px 4px; height: 16px; line-height: 16px; color: #2B4487; text-shadow: 0 1px 0 #fff; display: block; font-size: 14px; }
.secNav .nav li a:hover { color: #2B4487; }
.secNav .nav li.active a { color: #2B4487; font-weight: 600; }
.secNav .nav li.more { position: relative; border: none; }
.secNav .nav li.more a { margin: 8px 4px; padding: 0; display: block; width: 16px; height: 16px; text-indent: -9999px; background-position: -4px -28px; }
.secNav .nav li.more:hover a { background-position: -4px -52px; }
.secNav .nav li.more:hover ul { display: block; }
.secNav .nav li ul { position: absolute; top: 28px; right: 0; background: url(../images/sprite.png) no-repeat 96px -85px; font-size: 12px; width: 120px; padding-top: 10px; display: none; }
.secNav .nav li ul li,
.secNav .nav li ul li:hover { margin: 0; width: 120px; border-bottom: 1px solid #0A142C; border-top: 1px solid #102149; background: #0D1A3A; text-align: left; padding: 0; float: none; }
.secNav .nav li ul li:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; border-top: none; padding-top: 1px; }
.secNav .nav li ul li:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.secNav .nav li.more li a { margin: 0; padding: 5px 10px; color: #eee !important; display: block; text-shadow: none; background: none; width: auto; height: auto; text-indent: 0; }
.secNav .nav li.more li a:hover { background-color: #132757; color: #FC0 !important; }

/* === Sidebar widgets === */
.subNav dt { padding: 5px 10px; border-bottom: 1px solid #c3c3c3;
    background: #f8f8f8;
    background: -moz-linear-gradient(top,  #f8f8f8 0%, #e8e8e8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e8e8e8));
    background: -webkit-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
    background: -o-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
    background: -ms-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
    background: linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
}
.subNav dd { padding: 10px; }
.subNav dd li { padding: 5px 20px; font-size: 14px; border-radius: 4px; }
.subNav dd li.active { background: #3668B0; }
.subNav dd li.active a { color: #fff; }
/* # Content stuff
================================================== */
#content, #content .grid-m { background: #fff; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: auto; }
#content { top: 125px; _height:expression(document.documentElement.clientHeight - 144 +"px")}
#content .grid-m { top: 28px; _height:expression(document.documentElement.clientHeight - 182 +"px")}
#_my97DP { margin: -2px 0 0 -1px; }

/* # Footer stuff
================================================== */
#footer { bottom: 0; background: #EFF0F0; display: none; }
#footer .copyright { border-top: 1px solid #CBCBCB; color: #999; padding: 5px 10px; text-align: center; }
#footer .copyright .logo { margin-right: 10px; background-position: -30px -12px; width: 74px; height: 10px; font-size: 0; display: inline-block; *display: inline; *zoom: 1; vertical-align: -1px; }
body.hasCopyright #content {bottom: 29px;}
body.hasCopyright #footer {display:block;}
/*
 * jQuery UI CSS Framework
 *
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; /*clear: both;*/ visibility: hidden; }
.ui-helper-clearfix { display: inline-block; *display: inline; *zoom: 1; }
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; }
.ui-state-disabled { cursor: default !important; }
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Component containers
----------------------------------*/
.ui-widget { font-size: 12px; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size: 12px; }
.ui-widget-header { font-weight: bold; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { font-weight: normal; border: 1px solid #CCCFD4; }
th.ui-state-default:first-child { border-left: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #7084A5; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #fafafa; font-weight: normal; color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover { color: #666; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: #fafafa; font-weight: normal; color: #5a95ba; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #797979; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(../images/jquery_ui/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; background-image: none; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(../images/jquery_ui/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(../images/jquery_ui/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(../images/jquery_ui/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(../images/jquery_ui/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../images/jquery_ui/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(../images/jquery_ui/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(../images/jquery_ui/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../images/jquery_ui/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals */
.ui-corner-tl { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; }
.ui-corner-tr { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; }
.ui-corner-br { -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }
.ui-corner-top { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }
.ui-corner-right {  -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }
.ui-corner-left { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; }
.ui-corner-all { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }

/* Overlays */
.ui-widget-overlay { background: #000; opacity: .50; }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(../images/jquery_ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }


/* ===== UI resizable ===== */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}

.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }

.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }

/* ===== UI autocomplete ===== */
.ui-autocomplete { position: absolute; display: none; padding: 0; z-index: 100!important; border: 1px solid #d5d5d5; border-top: none; max-height: 196px; *height:expression(document.documentElement.clientHeight > 192 ? "192px":document.documentElement.clientHeight);overflow-y: auto; overflow-x: hidden; }
.ui-autocomplete .ui-state-hover { background: none; padding: 6px 10px 7px 32px; }

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

.ui-menu { display: block; float: left; background-color: #ffffff; border: 1px solid #c3c3c3; *border-right-width: 2px; *border-bottom-width: 2px; border-radius: 2px; box-shadow: 0 2px 2px -2px #ccc; background-clip: padding-box; max-width: 300px; }
.ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; }
.ui-menu .ui-menu-item a { display: block; padding: 5px 10px; max-width: 280px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 16px; clear: both; font-weight: normal; color: #333; white-space: nowrap; font-size: 12px; border-bottom: 1px solid #e4e4e4; border-top: 1px solid #fff; border-radius: 0;
    background: #fdfdfd;
    background: -moz-linear-gradient(top,  #fdfdfd 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(top,  #fdfdfd 0%,#f5f5f5 100%);
    background: -o-linear-gradient(top,  #fdfdfd 0%,#f5f5f5 100%);
    background: -ms-linear-gradient(top,  #fdfdfd 0%,#f5f5f5 100%);
    background: linear-gradient(top,  #fdfdfd 0%,#f5f5f5 100%);
}
.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-focus { color: #fff;
    background: #4179C6;
    background: -moz-linear-gradient(top,  #4179C6 0%, #1F52AE 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4179C6), color-stop(100%,#1F52AE));
    background: -webkit-linear-gradient(top,  #4179C6 0%,#1F52AE 100%);
    background: -o-linear-gradient(top,  #4179C6 0%,#1F52AE 100%);
    background: -ms-linear-gradient(top,  #4179C6 0%,#1F52AE 100%);
    background: linear-gradient(top,  #4179C6 0%,#1F52AE 100%);
}
.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal;  }
.ui-menu .ui-menu-item a em {margin-left:10px;font-style: normal;color:#AAA;font-weight:normal;font-size:12px;}

.ui-menu li > span { padding: 5px 10px; font-size: 12px; line-height: 16px; display: block; background: #FFF; max-width: 280px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ui-menu li > span em { font-style: normal; color: #FF0000; }

.ui-button { display: inline-block; *display: inline; *zoom: 1; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; }
button.ui-button-icons-only { width: 3.7em; }

/*button text element */
.ui-button .ui-button-text { display: block; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 5px; }
.ui-buttonset .ui-button { margin: 0 3px; background: #FAFAFA; border: 1px solid #D5D5D5; line-height: 14px; font-size: 12px; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */

/* ===== UI Alerts Dialog ===== */
/*#popup_container{}
#popup_wrapper {background: #fff;border:1px solid #e4e4e4;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;max-width:600px;min-width:350px;}
#popup_title{border-bottom:1px solid #e4e4e4;cursor:default;height:20px;margin:0;padding:9px 0 9px 20px;text-align:left;}
#popup_content{padding: 20px;border:none;border-radius:0;color:black;margin:0;-moz-border-radius:0;}
#popup_message{text-align:center;font-size: 12px;word-wrap:break-word;word-break:break-all;}
.msg-cnt #popup_message {text-align:left;}
#popup_panel{padding: 10px 20px;background: #F7F7F7;text-align:right;}
#popup_prompt{margin:.5em 0;}    */

/* ===== UI Dialog ===== */
/*.ui-dialog { position: absolute; width: auto;background: #fff;border:1px solid #e4e4e4; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.ui-dialog input[type=text], .ui-dialog input[type=password], .ui-dialog textarea { font-size: 12px; padding: 3px 5px; height: 26px; *height:20px;font-family: Arial, Helvetica, sans-serif; box-sizing: border-box; }
.ui-dialog textarea { height: auto; }
.ui-dialog form label { float: left; cursor: pointer; line-height: 20px; margin-right: 10px; font-weight: normal; }
.dialogSelect label { margin: 4px 15px 0 0; }
.customDialog { padding: 0!important; }
.ui-dialog .icon { padding: 1px 6px 0 0; float: left; }
.ui-dialog .titleIcon { position: absolute; top: -10px; }
.ui-dialog p { padding: 0 0 10px!important; }
.ui-dialog .ui-dialog-titlebar { border-bottom-left-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; position: relative; border-bottom:1px solid #e4e4e4; }
.ui-dialog .ui-dialog-title { height: 40px; padding: 0 14px; font-size: 14px; line-height: 40px; }
.ui-dialog .ui-dialog-title-name { margin-right: 5px; color: #075ee0; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; max-width: 480px; display: inline-block; *display: inline; *zoom: 1; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 10px; top: 50%; margin: -10px 0 0 0; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; background: url(../images/close.png) no-repeat 1px 1px; width: 19px; height: 19px; }
.ui-dialog .ui-dialog-titlebar-close:hover span, .ui-dialog .ui-dialog-titlebar-close:focus span { background-position: 1px -19px; }
.ui-dialog .ui-dialog-content { position: relative; overflow: auto; zoom: 1; padding: 10px 12px; background: #fff; clear: both; }
.ui-dialog .ui-dialog-buttonpane { border-top: 1px solid #f0f0f0; padding: 10px 0; background: #F7F7F7; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { text-align: right; margin: 0 4px; }
.ui-dialog .ui-dialog-buttonpane button { margin: 0 5px; }

.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 5px; bottom: 5px; opacity: 0.3; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #AAA url(../images/jquery_ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }     */

/* ===== UI Sortable ===== */
.ui-sortable-helper { background: #0078FF; color: #fff; }
tr.ui-sortable-helper { background: #0078FF !important; }
tr.ui-sortable-helper td { color: #fff !important; }
tr.ui-sortable-placeholder td { background: #ccc !important; color: #fff !important; }

/* ===== UI Slider ===== */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 16px; height: 16px; cursor: default; background: url(../images/elements/ui/handle.png) no-repeat; border: none; cursor: pointer; }
.ui-slider .ui-slider-handle:hover { background-position: 0 -16px; }
.ui-slider .ui-slider-handle:active { background-position: 0 -32px; }

.ui-slider .ui-slider-range { position: absolute; z-index: 1; height: 6px; overflow: hidden; font-size: .7em; display: block; border: 1px solid #5ba8e1; box-shadow: 0 1px 0 #aad6f6 inset;  -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; background: #9bcff5; background: -moz-linear-gradient(top,  #9bcff5 0%, #84c4f3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9bcff5), color-stop(100%,#84c4f3)); background: -webkit-linear-gradient(top,  #9bcff5 0%,#84c4f3 100%); background: -o-linear-gradient(top,  #9bcff5 0%,#84c4f3 100%); background: -ms-linear-gradient(top,  #9bcff5 0%,#84c4f3 100%); background: linear-gradient(top,  #9bcff5 0%,#84c4f3 100%); }
.ui-slider-horizontal { height: 4px; background: #d7d7d7; border: 1px solid #bababa; box-shadow: 0 1px 0 #fff, 0 1px 0 #cfcfcf inset; clear: both; margin: 8px 0; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; }
.ui-slider-horizontal .ui-slider-handle { top: -6px; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: -1px; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-slider-vertical { height: 100px; width: 4px; background: #d7d7d7; box-shadow: 0 1px 0 #fff, 0 1px 0 #cfcfcf inset; }
.ui-slider-vertical .ui-slider-handle { left: -6px; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 2px; background: #9bcff5; background: -moz-linear-gradient(top,  #9bcff5 0%, #84c4f3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9bcff5), color-stop(100%,#84c4f3)); background: -webkit-linear-gradient(top,  #9bcff5 0%,#84c4f3 100%); background: -o-linear-gradient(top,  #9bcff5 0%,#84c4f3 100%); background: -ms-linear-gradient(top,  #9bcff5 0%,#84c4f3 100%); background: linear-gradient(top,  #9bcff5 0%,#84c4f3 100%); }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }
#eq span { height: 120px; float: left; margin-right: 30px; display: block; }

/* ===== UI Tabs ===== */
.ui-tabs { background: none; }
ul.fixed.tabs { padding: 10px 10px 0; position: fixed;top:0;left:0;right:0; background-color:#FFF; }
ul.tabs { position: relative; z-index: 2; height: 24px; font-size: 12px; color: #333; border-bottom: 2px solid #195dbc; border-radius: 0; padding:0;}

.tableTabs .tabs { position: absolute; top: 0; right: 0; }
.tableTabs .tab-content { padding: 0; }
.tableTabs .tabs li.active:first-child, .rightTabs .tabs li.active:first-child { border-top-left-radius: 0; border-top-right-radius: 2px; }

ul.tabs li, ul.tabs li.ui-state-default { float: left; margin-right: 2px; height: 22px; line-height: 22px; position: relative; background: #fff url(../images/repeat.png) repeat-x -9999px -9999px; border: 1px solid #195dbc; border-bottom: none; }
ul.tabs li li, ul.tabs li.ui-state-default li { float: none; margin: auto; height: auto; background: none; border: none; }
ul.tabs li a, ul.tabs li.ui-state-default a { display: block; padding: 0 16px; outline: none; color: #195dbc; font-size: 12px; text-align: center; }
ul.tabs li li a, ul.tabs li.ui-state-default li a {padding: 5px 10px;text-align: left;}
ul.tabs li a:hover { color: #333; }
ul.tabs li li a:hover { color: #FFF; }
ul.tabs li:hover { background-color: #fff; }
ul.tabs li em { margin-left:5px; font-style: normal; color: #F00; }
html ul.tabs li.active em, html ul.tabs li.ui-state-active em { color: #FFFC91; }

html ul.tabs li.active, html ul.tabs li.ui-state-active  { background-color: #195dbc; border-color: #195dbc; border-bottom: none; height: 24px; }
html ul.tabs li.active a, html ul.tabs li.ui-state-active a { color: #fff; }
html ul .active a, html ul .ui-state-active a, html ul .ui-state-active a:link, html ul .ui-state-active a:visited { color: #fff;} /*for ie6*/
html ul.tabs li.active li a, html ul.tabs li.ui-state-active li a { color: #195dbc; }
html ul.tabs li.active li.active a, html ul.tabs li.ui-state-active li.active a,
html ul.tabs li.active li a:hover, html ul.tabs li.ui-state-active li a:hover { color: #FFF; }

html .tab-content .ui-tabs-panel {background: none;}
.rightTabs ul.tabs li, .tableTabs ul.tabs li { border-left: 1px solid #cdcdcd; border-right: none; float: right; }

ul.tabs .dropdown .caret { margin-top: 10px; margin-left: 5px; }
.tab-content .active.tab-pane {display:block;}
.tab-content .tab-pane {display:none;}

.tabs-left ul.tabs {float:left;width:auto;max-width:200px;}
.tabs-left ul.tabs li {float:none;}

/* tab-grey */
.tab-grey { }
.tab-grey ul.tabs { padding: 5px 5px 0; position: relative; z-index: 2; border-bottom: 1px solid #C4C6C5; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.tab-grey ul.tabs li, .tab-grey ul.tabs li.ui-state-default { height: 23px; background-color: #D8D6D7; background-position: 0 -9999px; border: 1px solid #BEBCBD; border-bottom: 0; }
.tab-grey ul.tabs li a, .tab-grey ul.tabs li.ui-state-default a { color: #666; }
.tab-grey ul.tabs li a:hover { color: #333; }
.tab-grey ul.tabs li:hover { background-color: #D8D6D7; }
.tab-grey ul.tabs li.active, .tab-grey ul.tabs li.ui-state-active  { height: 24px; position: relative; z-index: 3; background-color: #F1F1F1; background-position: 0 -1720px; border-color: #C4C6C5; }
.tab-grey ul.tabs li.active a, .tab-grey ul.tabs li.ui-state-active a { color: #3063B0; }

.tab-grey .btn-toolbar { margin: 0; padding: 5px 10px 0; border-bottom: 1px solid #C4C6C5; background: #F1F1F1; }
.tab-grey .btn-toolbar .buttonS { padding: 0 5px; color: #3063B0; }

.dualBoxes .tab-grey { border: 1px solid #C4C6C5; border-radius: 0; }
.dualBoxes .tab-grey ul.tabs { background-color:none; }

/* tab-withoutBorder*/
.tab-withoutBorder {margin-top:10px;}
.tab-withoutBorder ul.tabs {border: none !important;}
.tab-withoutBorder ul.tabs li {border:none; font-weight: bold;color:black;height:20px;}
.tab-withoutBorder ul.tabs li a {color:black;}
.tab-withoutBorder ul.tabs li.ui-state-active {background:#fff; border:none;border-bottom:2px solid #1176f3; color:#1176f3;height:22px;}
.tab-withoutBorder ul.tabs li.ui-state-active a {color:#1176f3;}

/* tab-vertical */
#settingDialog { padding: 0; }
.tab-vertical { height: 100%; }
.tab-vertical .tabs { padding-top: 10px; float:left; width: 150px; height: 100%; border-right: 1px solid #CBCBCB; box-sizing: border-box; -moz-box-sizing: border-box; }
.tab-vertical .tabs dt { padding: 5px 12px; font-size: 13px; font-weight: bold; line-height: 18px; cursor: pointer; }
.tab-vertical .tabs dt .ico { background-position: -243px -99px; }
.tab-vertical .tabs dt.closed .ico { background-position: -243px -123px; }
.tab-vertical .tabs dd { padding: 5px 0; }
.tab-vertical .tabs dd li {}
.tab-vertical .tabs dd li.active { background: #3063B0; }
.tab-vertical .tabs dd li a { display: block; padding: 3px 10px 3px 40px; }
.tab-vertical .tabs dd li.active a { color: #fff; }
.tab-vertical .tab-content { margin-left: 150px; padding: 10px 12px; height: 100%; box-sizing: border-box; -moz-box-sizing: border-box; overflow: auto; }

.tab-vertical .control-group { margin-left: 50px; }
.tab-vertical .control-label { font-weight: normal; }

/* ===== UI Datepicker ===== */
input.datepicker, input.datetimepicker { padding-right: 24px!important; width: 169px!important; background-image: url(../images/icons/calendar.png); background-repeat: no-repeat; background-position: 100% 50%; }
input.datetimepicker { background-image: url(../images/icons/timepicker.png); }

/* ===== UI Progress bar ===== */
.ui-progressbar { height: 16px; text-align: left; margin-top: 5px; background: #d7d7d7; border: 1px solid #bababa; box-shadow: 0 1px 0 #fff, 0 1px 0 #cfcfcf inset; clear: both; }
.ui-progressbar .ui-progressbar-value {margin: 0; height:100%; overflow: hidden; display: block; background: url(../images/elements/ui/progressOverlay.png) repeat-x; border-right: 1px solid #5b9acb; }
.pbar .ui-progressbar-value {display:block !important}
.pbar, .precent, .elapsed { display: block; }
.percent, .elapsed { position: relative; margin-top: 5px; font-size: 12px; height: 18px; }
.pbar { overflow: hidden; }
.percent { float: right; }
.elapsed { float: left;}
.percentLeft .percent { float: left; }
.percentLeft .elapsed { float: right;}

/*!
 * Bootstrap v2.0.3
 */
.hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
.input-block-level { display: block; width: 100%; min-height: 28px; box-sizing: border-box; }

.label { font-size: 12px; line-height: 14px; color: #ffffff; vertical-align: baseline; white-space: nowrap; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.10); background-color: #999999; }
.label { padding: 3px 10px; border-radius: 9px; }
a.label:hover { color: #ffffff; text-decoration: none; cursor: pointer; }
.label-important { background-color: #b94a48; }
.label-important[href]{ background-color: #953b39; }
.label-warning{ background-color: #f89406; }
.label-warning[href] { background-color: #c67605; }
.label-success { background-color: #468847; }
.label-success[href] { background-color: #356635; }
.label-info { background-color: #3a87ad; }
.label-info[href] { background-color: #2d6987; }
.label-inverse { background-color: #333333; }
.label-inverse[href] { background-color: #1a1a1a; }

.whead .btn-group [class*="button"] { border-top: none; border-bottom: none; border-right: none; float: right; height: 37px; padding: 0 12px 0 12px;
    line-height: 34px; border-radius: 0; font-size: 16px; border-top-right-radius: 2px; }
.whead .btn-group [class*="button"] > .caret { margin: 16px 0 0 8px; }
.whead .caretOnly a > .caret { margin-left: 0!important; }
.whead .bDefault:active { box-shadow: none; border-bottom: none; }
.rightdd > [class*="button"] { border-radius: 0; border-top-left-radius: 2px; border-bottom-left-radius: 2px; }

.btn-group { position: relative; *zoom: 1; *margin-left: .3em; }
.rightdd .caret { margin: 5px 0 8px; }
.btn-group:before, .btn-group:after { display: table; content: ""; }
.btn-group:after { clear: both; }
.btn-group:first-child { *margin-left: 0; }
.btn-toolbar { /*padding: 5px;*/ width: 100%; line-height: 28px; background: #fff; color: #ccc; box-sizing: border-box; }
.btn-toolbar .btn-group { display: inline-block; *display: inline;  /* IE7 inline-block hack */ *zoom: 1; vertical-align: top; }
.btn-toolbar .buttonS { padding: 3px 5px; line-height: 18px; vertical-align: top; }
.btn-toolbar.fixed { /*padding: 2px 5px;*/ position: fixed; top: 0; left: 0; z-index: 1001; _position: absolute!important; _top: expression((document).documentElement.scrollTop); /* box-shadow: 0 3px 3px rgba(0,0,0,.1);*/ border-bottom: 1px solid #DCDCD7; }
.btn-toolbar span.floatR { _position:absolute; _right: 5px; }
.btn-padding {padding:5px;}
.btn-toolbar.fixed .btn-padding {padding: 2px 5px;}

fieldset .btn-toolbar .btn-padding, .blueLegend .btn-toolbar .btn-padding { border: 1px solid #DCDCD7; border-bottom: none; }
.block .btn-toolbar { border: none; border-bottom: 1px solid #DCDCD7; }

.toolbar > li { position: relative; float: left; border-radius: 0; }
.toolbar li a { border-radius: 0; }
.btn-group .buttonS,
.btn-group [class*="button"]  { position: relative; float: left; margin-left: -1px; cursor: pointer; }
.toolbar > li > [class*="button"] { border-radius: 0; }
.toolbar > li:first-child [class*="button"], .toolbar > li:first-child [class*="control"] { margin-left: 0; border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
.toolbar > li:last-child [class*="control"], .toolbar > li:last-child [class*="button"] { border-radius: 0; border-top-right-radius: 2px; border-bottom-right-radius: 2px; }
.tableToolbar .toolbar > li { float: none; display: inline-block; *display: inline; *zoom: 1; margin-left: -4px; }
.tableToolbar .toolbar > li:first-child { margin-left: 0; }
.btn-group > [class*="button"]:last-child,
.btn-group > .dropdown-toggle { border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.btn-group > [class*="button"]:hover, .btn-group > [class*="button"]:focus, .btn-group > [class*="button"]:active, .btn-group > [class*="button"].active { z-index: 2; }
.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; }
.btn-group > .dropdown-toggle { padding-left: 8px; padding-right: 8px; /*box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);*/ *padding-top: 4px; *padding-bottom: 4px; }
.btn-group > .btn-mini.dropdown-toggle { padding-left: 5px; padding-right: 5px; }
.btn-group > .btn-small.dropdown-toggle { *padding-top: 4px; *padding-bottom: 4px; }
.btn-group > .btn-large.dropdown-toggle { padding-left: 12px; padding-right: 12px; }
.btn-group.open .dropdown-toggle { }
.btn-group.open .btn.dropdown-toggle { background-color: #e6e6e6; }
.btn-group.open .btn-primary.dropdown-toggle { background-color: #0055cc; }
.btn-group.open .btn-warning.dropdown-toggle { background-color: #f89406; }
.btn-group.open .btn-danger.dropdown-toggle { background-color: #bd362f; }
.btn-group.open .btn-success.dropdown-toggle { background-color: #51a351; }
.btn-group.open .btn-info.dropdown-toggle { background-color: #2f96b4; }
.btn-group.open .btn-inverse.dropdown-toggle { background-color: #222222; }

.bBlue > .caret, .bGreen > .caret, .bGreyish > .caret, .bRed > .caret, .bBlack > .caret, .bGold > .caret, .bLightBlue > .caret, .bBrown > .caret, .bSea > .caret { border-top-color: white; }
.dropup .bBlue > .caret, .dropup .bGreen > .caret, .dropup .bGreyish > .caret, .dropup .bRed > .caret, .dropup .bBlack > .caret, .dropup .bGold > .caret, .dropup .bLightBlue > .caret, .dropup .bBrown > .caret, .dropup .bSea > .caret { border-bottom-color: white; }

.dropup, .dropdown { position: relative; }
.dropdown-toggle { *margin-bottom: -3px; }
.dropdown-toggle:active, .open .dropdown-toggle { outline: 0; }

.caret { display: inline-block; *display: inline; *zoom: 1; width: 0; height: 0; overflow: hidden; vertical-align: top; border-top: 4px solid #000000; border-right: 4px solid transparent; border-left: 4px solid transparent; border-bottom:0; content: ""; opacity: 0.6; _border-right: 4px solid #FFF; _border-left: 4px solid #FFF; /*margin: 5px -5px 5px 10px;*/ }
.active .caret { _border-right: 4px solid #195dbc; _border-left: 4px solid #195dbc; }
.dropdown .caret { margin-top: 8px; margin-left: 2px; }
.dropdown:hover .caret, .open .caret { opacity: 0.3; }
.singleCaret > a { padding: 8px; }
.singleCaret > a > .caret { margin: 5px 0; }
.singleIcon > a { padding: 8px;  }
.singleIcon > a > span { padding: 0; margin: 1px 0 -1px 0!important; }
[class*="whead"] .caret { margin: 10px 2px; }

.dropdown-menu { position: absolute; text-align: left; top: 100%; left: -1px; z-index: 1002; display: none; float: left; min-width: 160px; _width: 160px; margin: 0px 0 0; list-style: none; background-color: #ffffff; border: 1px solid #c3c3c3; *border-right-width: 2px; *border-bottom-width: 2px; border-radius: 2px; background-clip: padding-box; }
.dropdown-menu.pull-right { right: 0; left: auto; }
.dropdown-menu li a { display: block;_display:inline-block;_width:140px; padding: 5px 10px; line-height: 16px; clear: both; font-weight: normal; border-bottom: 1px solid #e4e4e4; color: #6A6A6A; white-space: nowrap; text-decoration: none; font-size: 12px; background: #fdfdfd; background: -moz-linear-gradient(top,  #fdfdfd 0%, #f5f5f5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f5f5f5)); background: -webkit-linear-gradient(top,  #fdfdfd 0%,#f5f5f5 100%); background: -o-linear-gradient(top,  #fdfdfd 0%,#f5f5f5 100%); background: -ms-linear-gradient(top,  #fdfdfd 0%,#f5f5f5 100%); background: linear-gradient(top,  #fdfdfd 0%,#f5f5f5 100%); }
.dropdown-menu li.active a,
.dropdown-menu li a:hover { color: #fff;
    background: #4179C6;
    background: -moz-linear-gradient(top,  #4179C6 0%, #1F52AE 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4179C6), color-stop(100%,#1F52AE));
    background: -webkit-linear-gradient(top,  #4179C6 0%,#1F52AE 100%);
    background: -o-linear-gradient(top,  #4179C6 0%,#1F52AE 100%);
    background: -ms-linear-gradient(top,  #4179C6 0%,#1F52AE 100%);
    background: linear-gradient(top,  #4179C6 0%,#1F52AE 100%);
}
.dropdown-menu li > span { padding: 5px 10px; font-size: 12px; line-height: 16px; display: block; background: #FFF; max-width: 280px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dropdown-menu li > span em { font-style: normal; color: #FF0000; }

.open { *z-index: 1000; }
.open .dropdown-menu { display: block; }
.pull-right .dropdown-menu { right: 0; left: auto; }
.dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid #000000; content: "\2191"; }
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; }

.menu-group { padding: 10px 5px; min-width: 215px; }
.menu-group dl { float: left; margin: 0 5px; width: 280px; overflow: hidden; border-radius: 4px; box-sizing: border-box; }
.menu-group dl dt { padding: 5px 10px; background: #21252B; color: #fff; }
.menu-group dl dd li { display: inline-block; *display: inline; *zoom: 1; }
.menu-group dl dd li a { margin: 3px 10px; padding: 0; background: none; border: none; }
.menu-group dl dd li a:hover { background: none; }

/* bootstrap-progressbar global styles */
.progressbar { *zoom: 1; color: #333; text-align: center; }
.progressbar:before, .progressbar:after { display: table; content: ""; }
.progressbar:after { clear: both; }
.progressbar.inline .progress,
.progressbar.inline .elapsed,
.progressbar.inline .percent { float: none; margin: 0; line-height: 12px; vertical-align: middle; display: inline-block; *display: inline; *zoom: 1; }
.progressbar.inline .elapsed,
.progressbar.inline .percent { line-height: 14px; height: 14px; }

.progress { position: relative; }
.progress .bar { position: absolute; overflow: hidden; /*border-radius: 4px;*/ }
.progress .progressbar-back-text { position: absolute; width: 100%; height: 100%; font-size: 12px; font-weight:bold; text-align: center; }
.progress .progressbar-front-text { display: block; width: 100%; font-size: 12px; font-weight:bold; text-align: center; }
/* bootstrap-progressbar horizontal styles */
.progress.right .bar { right: 0; }
.progress.right .progressbar-front-text { position: absolute; right: 0; }
/* bootstrap-progressbar vertical styles */
.progress.vertical { width: 20px; height: 100%; float: left; margin-right: 20px;
    background-color: #f9f9f9;
    background-image: -moz-linear-gradient(left, #f5f5f5, #f9f9f9);
    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#f5f5f5), to(#f9f9f9));
    background-image: -webkit-linear-gradient(left, #f5f5f5, #f9f9f9);
    background-image: -o-linear-gradient(left, #f5f5f5, #f9f9f9);
    background-image: linear-gradient(to right, #f5f5f5, #f9f9f9);
    background-repeat: repeat-x;
}
.progress.vertical.bottom { position: relative; }
.progress.vertical.bottom .progressbar-front-text { position: absolute; bottom: 0; }
.progress.vertical .bar { width: 100%; height: 0;
    background-color: #0480be;
    background-image: -moz-linear-gradient(left, #349EF2, #0480be);
    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#349EF2), to(#0480be));
    background-image: -webkit-linear-gradient(left, #349EF2, #0480be);
    background-image: -o-linear-gradient(left, #349EF2, #0480be);
    background-image: linear-gradient(to right, #349EF2, #0480be);
    background-repeat: repeat-x;
    -webkit-transition: height 0.6s ease;
    -moz-transition: height 0.6s ease;
    -o-transition: height 0.6s ease;
    transition: height 0.6s ease;
}
.progress.vertical.bottom .bar { position: absolute; bottom: 0; }
.progress-danger.vertical .bar,
.progress.vertical .bar-danger {
    background-color: #c43c35;
    background-image: -moz-linear-gradient(left, #ee5f5b, #c43c35);
    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#ee5f5b), to(#c43c35));
    background-image: -webkit-linear-gradient(left, #ee5f5b, #c43c35);
    background-image: -o-linear-gradient(left, #ee5f5b, #c43c35);
    background-image: linear-gradient(to right, #ee5f5b, #c43c35);
    background-repeat: repeat-x;
}
.progress-success.vertical .bar,
.progress.vertical .bar-success {
    background-color: #57a957;
    background-image: -moz-linear-gradient(left, #62c462, #57a957);
    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#62c462), to(#57a957));
    background-image: -webkit-linear-gradient(left, #62c462, #57a957);
    background-image: -o-linear-gradient(left, #62c462, #57a957);
    background-image: linear-gradient(to right, #62c462, #57a957);
    background-repeat: repeat-x;
}
.progress-info.vertical .bar,
.progress.vertical .bar-info {
    background-color: #339bb9;
    background-image: -moz-linear-gradient(left, #5bc0de, #339bb9);
    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#5bc0de), to(#339bb9));
    background-image: -webkit-linear-gradient(left, #5bc0de, #339bb9);
    background-image: -o-linear-gradient(left, #5bc0de, #339bb9);
    background-image: linear-gradient(to right, #5bc0de, #339bb9);
    background-repeat: repeat-x;
}
.progress-warning.vertical .bar,
.progress.vertical .bar-warning {
    background-color: #f89406;
    background-image: -moz-linear-gradient(left, #fbb450, #f89406);
    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#fbb450), to(#f89406));
    background-image: -webkit-linear-gradient(left, #fbb450, #f89406);
    background-image: -o-linear-gradient(left, #fbb450, #f89406);
    background-image: linear-gradient(to right, #fbb450, #f89406);
    background-repeat: repeat-x;
}

/* progress - style
 ---------------------------------------- */
.progress { height: 20px; margin: 1px 0; overflow: hidden;border:1px solid #D2D2D2; text-align: left;
    background-color: #FFF;
}
.progress .bar { float: left; width: 0; height: 100%; font-size: 12px; color: #ffffff; text-align: center;
    background-color: #1168BC;
    box-sizing: border-box;
    -webkit-transition: width 0.6s ease;
    -moz-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
}

.progress-striped .bar {
    background-color: #349EF2;
}
.progress.active .bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -moz-animation: progress-bar-stripes 2s linear infinite;
    -ms-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}
.progress-danger .bar,
.progress .bar-danger {
    background-color: #ff0f0f;
}
.progress .bar-yellow {
    background-color: #ffcc00;
}
.progress-danger.progress-striped .bar,
.progress-striped .bar-danger {
    background-color: #ee5f5b;
}
.progress-success .bar,
.progress .bar-success {
    background-color: #5eb95e;
}
.progress-success.progress-striped .bar,
.progress-striped .bar-success {
    background-color: #62c462;
}
.progress-info .bar,
.progress .bar-info {
    background-color: #79B8F2;
}
.progress-info.progress-striped .bar,
.progress-striped .bar-info {
    background-color: #5bc0de;
}
.progress-warning .bar,
.progress .bar-warning {
    background-color: #faa732;
}
.progress-warning.progress-striped .bar,
.progress-striped .bar-warning {
    background-color: #fbb450;
}
.progress-colors {
    width: 280px;
    height: 12px;
    border: 1px solid #D2D2D2;
    background: #FFFFFF;
}
.progress-colors .bar,
.progress .bar-colors {
    background: url(../images/progressbar_colors.png) repeat-y 0 0;
}
.progress-full {
    width: 282px;
    height: 14px;
    border: none;
    line-height: 12px;
}
.progress-full .bar,
.progress-full .bar-colors {
    background: #E2252C;
}
.progress-full span {
    display: inline-block;
    vertical-align: -1px;
}
.progress-full .ico {
    vertical-align: -4px;
}
.progress .i-alarm-white { background-position: -269px -245px; width:14px; height: 14px; }

/* progress - size
 ---------------------------------------- */
.progress-medium,
.progress-medium .bar { height: 12px; }
.progress-small,
.progress-small .bar { height: 6px; }
.progress-mini { height: 4px;
}
.progress-mini .bar { height: 4px; }

/**/
.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -moz-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

.fade.in {
    opacity: 1;
}

.collapse {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.35s ease;
    -moz-transition: height 0.35s ease;
    -o-transition: height 0.35s ease;
    transition: height 0.35s ease;
}

.collapse.in {
    height: auto;
}

/* icons */
[class^="icon-"],
[class*=" icon-"] {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 14px;
    height: 14px;
    margin-top: 1px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("../images/bootstrap/glyphicons-halflings.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
}

/* Popover */
.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    padding: 5px;
}
.popover.top {
    margin-top: -5px;
}
.popover.right {
    margin-left: 5px;
}
.popover.bottom {
    margin-top: 5px;
}
.popover.left {
    margin-left: -5px;
}
.popover.top .arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000000;
}
.popover.right .arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #000000;
    opacity: .8;
}
.popover.bottom .arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #000000;
}
.popover.left .arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #000000;
}
.popover .arrow {
    position: absolute;
    width: 0;
    height: 0;
}
.popover-inner {
    position: relative;
    padding: 3px;
    width: 280px;
    overflow: hidden;
    background: #000000;
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}
.popover .popover-close { position: absolute; right: 12px; top: 9px; width: 19px; margin: 0; padding: 1px; height: 18px; border-radius: 4px; }
.popover .popover-close span { display: block; margin: 1px; opacity: 0.6; background: url(../images/jquery_ui/ui-icons_222222_256x240.png) no-repeat -96px -128px; text-indent: -99999px; overflow: hidden; }
.popover .popover-close:hover, .popover .popover-close:focus { padding: 1px; background: #aaa; }
.popover-title {
    padding: 9px 15px;
    line-height: 1;
    background-color: #f5f5f5;
    border-bottom: 1px solid #eee;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    font-size: 14px;
}
.popover-content {
    padding: 14px;
    background-color: #ffffff;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    max-height: 90px;
    overflow:auto;
}
.popover-content p,
.popover-content ul,
.popover-content ol {
    margin-bottom: 0;
}
/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
    padding: 4px;
    direction: ltr;
}
.datepicker-inline {
    width: 220px;
}
.datepicker.datepicker-rtl {
    direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
    float: right;
}
.datepicker-dropdown {
    top: 0;
    left: 0;
}
.datepicker-dropdown:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -7px;
    left: 6px;
}
.datepicker-dropdown:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    position: absolute;
    top: -6px;
    left: 7px;
}
.datepicker > div {
    display: none;
}
.datepicker.days div.datepicker-days {
    display: block;
}
.datepicker.months div.datepicker-months {
    display: block;
}
.datepicker.years div.datepicker-years {
    display: block;
}
.datepicker table {
    margin: 0;
    width: 100%;
}
.datepicker td,
.datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none;
    font-weight: normal;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent;
}
.datepicker table tr td.day:hover {
    background: #eeeeee;
    cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
    color: #999999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
    background-color: #fde19a;
    color: #000;
    font-weight: bold;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
    background-color: #fdf59a;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
    background-color: #fbf069 \9;
}
.datepicker table tr td.today:hover:hover {
    color: #000;
}
.datepicker table tr td.today.active:hover {
    color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
    background: #eeeeee;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
    background-color: #f3d17a;
    background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a);
    background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
    background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a);
    background-image: -o-linear-gradient(top, #f3c17a, #f3e97a);
    background-image: linear-gradient(top, #f3c17a, #f3e97a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
    border-color: #f3e97a #f3e97a #edde34;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
    background-color: #f3e97a;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
    background-color: #efe24b \9;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
    background-color: #9e9e9e;
    background-image: -moz-linear-gradient(top, #b3b3b3, #808080);
    background-image: -ms-linear-gradient(top, #b3b3b3, #808080);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
    background-image: -webkit-linear-gradient(top, #b3b3b3, #808080);
    background-image: -o-linear-gradient(top, #b3b3b3, #808080);
    background-image: linear-gradient(top, #b3b3b3, #808080);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
    border-color: #808080 #808080 #595959;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
    background-color: #808080;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
    background-color: #666666 \9;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(top, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
    background-color: #0044cc;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
    background-color: #003399 \9;
}
.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.datepicker table tr td span:hover {
    background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(top, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
    background-color: #0044cc;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
    background-color: #003399 \9;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
    color: #999999;
}
.datepicker th.datepicker-switch {
    width: 145px;
}
.datepicker-months th.datepicker-switch,
.datepicker-years th.datepicker-switch {
    font-size:30px;
    font-family:"Arial";
    line-height:30px;
}
.datepicker th.datepicker-switch em {
    font-style:normal;
}
.datepicker th.datepicker-switch .year {
    display:block;
    font-weight:normal;
}
.datepicker th.datepicker-switch .month b {
    font-size:60px;
    font-family:"Arial";
    line-height:60px;
}
.datepicker .prev,
.datepicker .next {
    vertical-align:middle;
}
.datepicker .prev .icon-angle-left,
.datepicker .next .icon-angle-right {
    font-style:normal;
    margin: 0 .1em;
    font-size: 2em;
    font-family: "Courier New", Courier, monospace;
    vertical-align: baseline;
}
.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
    cursor: pointer;
}
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
    background: #eeeeee;
}
.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle;
}
.datepicker thead tr:first-child th.cw {
    cursor: default;
    background-color: transparent;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px;
}
.input-daterange input {
    text-align: center;
}
.input-daterange input:first-child {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}
.input-daterange .add-on {
    display: inline-block;
    width: auto;
    min-width: 16px;
    height: 18px;
    padding: 4px 5px;
    font-weight: normal;
    line-height: 18px;
    text-align: center;
    text-shadow: 0 1px 0 #ffffff;
    vertical-align: middle;
    background-color: #eeeeee;
    border: 1px solid #ccc;
    margin-left: -5px;
    margin-right: -5px;
}

/*
* Plugins Style
* author: Liufengchun
* creat: 2013-06-26
* update: 2013-09-03
*/
/* ===== zTree ===== */
.ztree * {padding:0; margin:0; font-size:12px; font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif}
.ztree {margin:0; padding:5px; color:#333; min-height: 50px; }
.ztree li{padding:0; margin:0; list-style:none; line-height:14px; text-align:left; white-space:nowrap;word-wrap:normal;word-break: normal; outline:0; }
.ztree li ul{ margin:0; padding:0 0 0 18px}
.ztree li ul.line{ background:url(../images/elements/ztree/line_conn.gif) 0 0 repeat-y;}

.ztree li a {padding:1px 3px 0 0; margin:0; cursor:pointer; height:17px; color:#333; background-color: transparent;
    text-decoration:none; vertical-align:top; display: inline-block; *display: inline; *zoom: 1; }
.ztree li a:hover {text-decoration:underline}
.ztree li a.curSelectedNode {padding-top:0px; background-color:#FFE6B0; color:#333; height:16px; border:1px #FFB951 solid;}
.ztree li a.curSelectedNode_Edit {padding-top:0px; background-color:#FFE6B0; color:#333; height:16px; border:1px #FFB951 solid;}
.ztree li a.tmpTargetNode_inner {padding-top:0px; background-color:#316AC5; color:white; height:16px; border:1px #316AC5 solid;}
.ztree li a.tmpTargetNode_prev {}
.ztree li a.tmpTargetNode_next {}
.ztree li a input.rename {height:14px; width:80px; padding:0; margin:0; font-size:12px; border:1px #7EC4CC solid; *border:0; }
.ztree li em { font-style: normal; }
.ztree li span {line-height:16px; margin-right:2px; margin-left: 5px; }
.ztree li span.button {line-height:0; margin:0; width:16px; height:16px; display: inline-block; *display: inline; *zoom: 1; vertical-align:top;
    border:0 none; cursor: pointer;outline:none;
    background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
    background-image:url("../images/elements/ztree/zTreeStandard.png"); *background-image:url("../images/elements/ztree/zTreeStandard.gif")}

.ztree li span.button.chk {width:13px; height:13px; margin:0 3px 0 0; vertical-align: middle; cursor: auto}
.ztree li span.button.chk.checkbox_false_full {background-position:0 0}
.ztree li span.button.chk.checkbox_false_full_focus {background-position:0 -14px}
.ztree li span.button.chk.checkbox_false_part {background-position:0 -28px}
.ztree li span.button.chk.checkbox_false_part_focus {background-position:0 -42px}
.ztree li span.button.chk.checkbox_false_disable {background-position:0 -56px}
.ztree li span.button.chk.checkbox_true_full {background-position:-14px 0}
.ztree li span.button.chk.checkbox_true_full_focus {background-position:-14px -14px}
.ztree li span.button.chk.checkbox_true_part {background-position:-14px -28px}
.ztree li span.button.chk.checkbox_true_part_focus {background-position:-14px -42px}
.ztree li span.button.chk.checkbox_true_disable {background-position:-14px -56px}
.ztree li span.button.chk.radio_false_full {background-position:-28px 0}
.ztree li span.button.chk.radio_false_full_focus {background-position:-28px -14px}
.ztree li span.button.chk.radio_false_part {background-position:-28px -28px}
.ztree li span.button.chk.radio_false_part_focus {background-position:-28px -42px}
.ztree li span.button.chk.radio_false_disable {background-position:-28px -56px}
.ztree li span.button.chk.radio_true_full {background-position:-42px 0}
.ztree li span.button.chk.radio_true_full_focus {background-position:-42px -14px}
.ztree li span.button.chk.radio_true_part {background-position:-42px -28px}
.ztree li span.button.chk.radio_true_part_focus {background-position:-42px -42px}
.ztree li span.button.chk.radio_true_disable {background-position:-42px -56px}

.ztree li span.button.switch {padding:0;width:18px; height:18px;}
.ztree li span.button.root_open{background-position:-92px -54px}
.ztree li span.button.root_close{background-position:-74px -54px}
.ztree li span.button.roots_open{background-position:-92px 0}
.ztree li span.button.roots_close{background-position:-74px 0}
.ztree li span.button.center_open{background-position:-92px -18px}
.ztree li span.button.center_close{background-position:-74px -18px}
.ztree li span.button.bottom_open{background-position:-92px -36px}
.ztree li span.button.bottom_close{background-position:-74px -36px}
.ztree li span.button.noline_open{background-position:-92px -72px}
.ztree li span.button.noline_close{background-position:-74px -72px}
.ztree li span.button.root_docu{ background:none;}
.ztree li span.button.roots_docu{background-position:-56px 0}
.ztree li span.button.center_docu{background-position:-56px -18px}
.ztree li span.button.bottom_docu{background-position:-56px -36px}
.ztree li span.button.noline_docu{ background:none;}

.ztree li span.button.ico_open,.ztree li span.button.folder_ico_open,.ztree li span.button.folder_ico_docu{margin-right:2px; background-position:-110px -16px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.ico_close,.ztree li span.button.folder_ico_close{margin-right:2px; background-position:-110px 0; vertical-align:top; *vertical-align:middle}
.ztree li span.button.ico_docu{margin-right:2px; background-position:-110px -32px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.edit {margin-right:2px; background-position:-110px -48px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.remove {margin-right:2px; background-position:-110px -64px; vertical-align:top; *vertical-align:middle}

.ztree li span.button.ico_loading{margin-right:2px; background:url(../images/elements/ztree/loading.gif) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}

ul.tmpTargetzTree {background-color:#FFE6B0; opacity:0.8; }

span.tmpzTreeMove_arrow {width:16px; height:16px; display: inline-block; *display: inline; *zoom: 1; padding:0; margin:2px 0 0 1px; border:0 none; position:absolute;
    background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
    background-position:-110px -80px; background-image:url("../images/elements/ztree/zTreeStandard.png"); *background-image:url("../images/elements/ztree/zTreeStandard.gif")}

ul.ztree.zTreeDragUL {margin:0; padding:0; position:absolute; width:auto; height:auto;overflow:hidden; background-color:#cfcfcf; border:1px #00B83F dotted; opacity:0.8; }
.zTreeMask {z-index:10000; background-color:#cfcfcf; opacity:0.0; position:absolute}

/* GridTree */
.gridtree ul, .gridtree li {  *zoom: 1; }
.gridtree ul, .gridtree li:before, .gridtree ul, .gridtree li:after { display: table; content: ""; }
.gridtree ul, .gridtree li:after { clear: both; }
.gridtree li span, .gridtree li a { float: left; }
.gridtree li span span, .gridtree li span a { margin: 0; float: none; }
/* Tree Icons */
.ztree li span.button.home_ico_open,
.ztree li span.button.home_ico_close,
.ztree li span.button.home_ico_docu { background: url(../images/elements/ztree/diy/home.png) no-repeat center center; }
.ztree li span.button.province_ico_open,
.ztree li span.button.province_ico_close,
.ztree li span.button.province_ico_docu { background: url(../images/elements/ztree/diy/province.png) no-repeat center center; }
.ztree li span.button.city_ico_open,
.ztree li span.button.city_ico_close,
.ztree li span.button.city_ico_docu { background: url(../images/elements/ztree/diy/city.png) no-repeat center center; }
.ztree li span.button.city_cas_ico_open,
.ztree li span.button.city_cas_ico_close,
.ztree li span.button.city_cas_ico_docu { background: url(../images/elements/ztree/diy/city_cas.png) no-repeat center center; }
.ztree li span.button.town_ico_open,
.ztree li span.button.town_ico_close,
.ztree li span.button.town_ico_docu { background: url(../images/elements/ztree/diy/town.png) no-repeat center center; display: none; }
.ztree li span.button.town_cas_ico_open,
.ztree li span.button.town_cas_ico_close,
.ztree li span.button.town_cas_ico_docu { background: url(../images/elements/ztree/diy/town_cas.png) no-repeat center center; display: none; }
.ztree li span.button.area_ico_open,
.ztree li span.button.area_ico_close,
.ztree li span.button.area_ico_docu { background: url(../images/elements/ztree/diy/area.png) no-repeat center center; }
.ztree li span.button.user_ico_open,
.ztree li span.button.user_ico_close,
.ztree li span.button.user_ico_docu { background: url(../images/elements/ztree/diy/user.png) no-repeat center center; }
.ztree li span.button.prison_ico_open,
.ztree li span.button.prison_ico_close,
.ztree li span.button.prison_ico_docu { background: url(../images/elements/ztree/diy/prison_1.png) no-repeat center center; }
.ztree li span.button.pArea_ico_open,
.ztree li span.button.pArea_ico_close,
.ztree li span.button.pArea_ico_docu { background: url(../images/elements/ztree/diy/prison_2.png) no-repeat center center; }
.ztree li span.button.pRoom_ico_open,
.ztree li span.button.pRoom_ico_close,
.ztree li span.button.pRoom_ico_docu { background: url(../images/elements/ztree/diy/prison_3.png) no-repeat center center; }
.ztree li span.button.empty_ico_open,
.ztree li span.button.empty_ico_close,
.ztree li span.button.empty_ico_docu { display: none; background-position: -9999px -9999px; }
.treeview .ztree li span.ico.user_ico_docu,
.treeview .ztree li span.ico.user_ico_close,
.treeview .ztree li span.ico.user_ico_open { background: url(../images/elements/ztree/diy/user.png) no-repeat center center; }

/* ===== jQuery sticky ===== */
/*.sticky-overlay { position: fixed; _position: absolute; top: 0; left: 0; z-index: 9988; width: 100%; height: 100%; background: #000; opacity: 0.5; }
.sticky-queue{padding-top:1px;position:fixed; _position: absolute; width:400px;z-index:9999}
.sticky-note{padding:0 10px 0 0;font-weight:700}
.sticky{margin-top:-1px;background:#fff;border:1px solid #EFF0F0;font-size:12px;color:#333;display:none;position:relative;padding:20px}
.sticky .sticky-note h5,
.sticky .sticky-note p {margin-bottom:0;display:block;}
.sticky-close{position:absolute;top:5px;right:5px}
.top-right,.top-left,.top-center{top:30px}
.bottom-right,.bottom-center,.bottom-left{bottom:30px}
.sticky.nNote {margin:-1px 0 0 0;line-height:20px;padding:5px 20px 5px 10px;cursor:auto;}
.sticky.st-ok {}
.sticky.st-error {}
.sticky.st-stop {}
.sticky.st-question {}
.sticky.st-notice {}
.sticky.st-attention {}
.sticky.st-tips {}
.sticky.st-alarm {}    */

div.top-right,div.bottom-right{right:20px}
div.top-left,div.bottom-left{left:20px}
div.top-center{left:50%;margin-left:-200px}
div.bottom-center{left:50%;margin-left:-200px}
div.center-center{left:50%;top:50%;margin-left:-200px;margin-top:-100px;min-height:75px;}

.bottom-right,.bottom-center,.bottom-left{bottom:45px;}
div.bottom-right { width: 342px; }
/* 抓拍、录像提示窗 */
.sticky.st-msg { margin-left: auto; border-radius: 5px; width: 300px; }
.sticky.st-msg div.sticky-note { padding: 0; }
.sticky.st-msg div.sticky-note p a { font-weight: normal; }
.sticky.st-msg .block-msg { border: none; background: none; }
.sticky.st-msg .block-msg .msg-cnt { line-height: 1; }
.sticky.st-msg .block-msg .info { font-weight: normal; font-size: 12px; }
.sticky.st-msg .block-msg .bd { padding: 0; position: static; background: none; }
.sticky.st-msg .block-msg .bd h6 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 210px; }
.sticky.st-msg .pagination { border: none; padding: 0; }
.sticky.st-msg .pagination .pages { width: auto; }
.sticky.st-msg .pagination li { margin: 0 5px; font-weight: normal; letter-spacing: 3px; }
.sticky.st-msg .pagination a { border: none; padding: 0; background: none; box-shadow: none; }
.sticky.st-msg .pagination a .ico { margin: 0; }
.sticky.st-video, .sticky.st-picture { background: #fff url(../images/sticky_bg.png) no-repeat 0 0; }
.sticky.st-video .block-msg .bd, .sticky.st-picture .block-msg .bd { margin-left: 60px; }
.sticky.st-picture { background-position: 0 -150px; }
/* Icons */
.sticky.st-msg .ico { margin-right: 5px; }
.sticky.st-msg .ico.i-folder-open { background-position: -171px -171px; }
.sticky.st-msg .ico.i-video-play { background-position: -243px -267px; }
.sticky.st-msg .ico.i-pic-edit { background-position: -219px -267px; }
.sticky.st-msg .ico.i-video-police { background-position: -171px -291px; }
.sticky.st-msg .ico.i-prev { background-position: -99px -315px; }
.sticky.st-msg a:active .i-prev { background-position: -99px -339px; }
.sticky.st-msg a.disabled .i-prev { background-position: -99px -363px; }
.sticky.st-msg .ico.i-next { background-position: -123px -315px; }
.sticky.st-msg a:active .i-next { background-position: -123px -339px; }
.sticky.st-msg a.disabled .i-next { background-position: -123px -363px; }


/* =====  Dual select boxes  ===== */
.dualBoxes { padding: 22px 16px; position: relative; }
.dualBtn { padding: 0 8px; line-height: 24px; font-size: 12px; cursor: pointer; border: 1px solid #d5d5d5; color: #525252; margin-left: -1px; height: 26px; }
.leftBox, .rightBox { width: 40%; position: relative; }
.leftBox { float: left; }
.rightBox { float: right; }
.fltr { position: absolute; right: 0; top: 5px; font-size: 12px; }
.boxFilter { margin-bottom: 15px; }
.dualControl { text-align: left; width: 90px; margin: 150px 1px; position: absolute; left: 50%; margin-left: -45px; }
.countLabel { color: gray; margin-top: 10px; display: block; }
.countLabel em { color: #333; font-style:normal; padding: 0 5px; }
.storageBox { display:none; }
.copiedOption { background-color: Yellow; }
input.boxFilter[type="text"],.dualBoxes .boxFilter { background: white; height: 26px; width: 100%; box-sizing: border-box; margin-top: 5px; }
/* extra compareboxes */
.compareBoxes {}
.compareBoxes .leftBox, .compareBoxes .rightBox { width: 40%; }
.compareLines { text-align: center; width: 20%; margin: 0; position: absolute; left: 40%; }
.compareLines ul { margin: 50px 4px 0; }
.compareLines li { height: 29px; background: url(../images/wavyline.png) repeat-x 0 0; }
.compareLines li.distinct { background-position: 0 -30px; }
.compareLines .rightArrow li { background-position: 100% 0; }
.compareLines .rightArrow li.distinct { background-position: 100% -30px; }
.compareBoxes tr.distinct td { color: #ff2f2f; }

/* ===== iPhone like checkboxes ===== */
.on_off { display: inline-block; *display: inline; *zoom: 1; height: 18px; overflow: hidden; vertical-align: middle; }

.ibutton-container { vertical-align: 3px; position: relative; display: inline-block; *display: inline; *zoom: 1; height: 16px; cursor: pointer; overflow: hidden; max-width: 400px; -khtml-user-select: none; -o-user-select: none; -moz-user-select: none; -moz-user-focus: ignore;  -moz-user-input: disabled; width: 35px; }
.ibutton-container input { position: absolute; top: 0; left: 0; -moz-opacity: 0.0; opacity: 0.0; -moz-user-input: enabled  !important; }
.ibutton-handle { display: block; height: 16px; cursor: inherit; position: absolute; top: 0; left: 0; width: 0; background: transparent url(../images/elements/checkboxes/ibutton-slider-default.png) no-repeat scroll 0 -16px; z-index: 3; width: 16px; }
.ibutton-handle-right { height: 100%; width: 100%; background: transparent url(../images/elements/checkboxes/ibutton-slider-default.png) no-repeat scroll 100% -16px; z-index: 3;  }
.ibutton-handle-middle { height: 100%; width: 100%; background: transparent url(../images/elements/checkboxes/ibutton-slider-default.png) no-repeat scroll 50% -16px; z-index: 3;  }
div.ibutton-label-on, div.ibutton-label-off { white-space: nowrap; font-size: 12px; line-height: 16px; font-weight: bold; text-transform: uppercase; cursor: inherit; display: block; height: 16px; position: absolute; width: auto; top: 0; overflow: hidden;  text-align: center; background: transparent url(../images/elements/checkboxes/ibutton-slider-default.png) no-repeat scroll 0 0; }
div.ibutton-label-on span label, div.ibutton-label-off span label { cursor: pointer; }
div.ibutton-label-on { color: #fff; text-shadow: 0 1px #808080; left: 0; z-index: 1; }
div.ibutton-label-on span { padding-left: 0px; }
div.ibutton-label-off { color: #fff; background-position: 100% 0; text-shadow: 0 1px #808080; text-align: right; right: 0; left: 8px; }
div.ibutton-label-off span label { padding-right: 10px; margin-left: -2px; }
.ibutton-padding-left { left: 0; }
.ibutton-padding-right { right: 0; }
.ibutton-disabled { cursor: not-allowed !important; opacity: 0.6; }

/* ===== Tipsy ===== */
.tipsy { font-size: 12px; position: absolute; z-index: 2000; }
.tipsy-wrapper { padding: 0 0 4px; position: relative; }
.tipsy-w .tipsy-wrapper { padding: 0 0 0 4px; }
.tipsy-e .tipsy-wrapper { padding: 0 4px 0 0; }
.tipsy-n .tipsy-wrapper { padding: 4px 0 0; }
.tipsy-inner { padding: 2px 10px 2px 10px; border: 1px solid #000; background-color: #FFFFE1; color: #000; max-width: 200px; text-align: center; }
.tipsy-inner { border-radius: 2px; }
.tipsy-arrow { position: absolute; width: 9px; height: 5px; display: none; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }

/* ===== Listbox ===== */
.listbox { display: block; float: left; background-color: #ffffff; border: 1px solid #c3c3c3; *border-right-width: 2px; *border-bottom-width: 2px; border-radius: 2px; box-shadow: 0 2px 2px -2px #ccc; background-clip: padding-box; width:200px; max-height: 400px; overflow:hidden; overflow-y: auto; }
.listbox li { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; }
.listbox li a { display: block; padding: 5px 10px; max-width: 280px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 16px; clear: both; font-weight: normal; color: #333; white-space: nowrap; font-size: 12px; border-bottom: 1px solid #e4e4e4; border-radius: 0;
    background: #fdfdfd;
    background: -moz-linear-gradient(top,  #fdfdfd 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(top,  #fdfdfd 0%,#f5f5f5 100%);
    background: -o-linear-gradient(top,  #fdfdfd 0%,#f5f5f5 100%);
    background: -ms-linear-gradient(top,  #fdfdfd 0%,#f5f5f5 100%);
    background: linear-gradient(top,  #fdfdfd 0%,#f5f5f5 100%);
}
.listbox li a:hover,
.listbox li.selected a { color: #fff;
    background: #4179C6;
    background: -moz-linear-gradient(top,  #4179C6 0%, #1F52AE 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4179C6), color-stop(100%,#1F52AE));
    background: -webkit-linear-gradient(top,  #4179C6 0%,#1F52AE 100%);
    background: -o-linear-gradient(top,  #4179C6 0%,#1F52AE 100%);
    background: -ms-linear-gradient(top,  #4179C6 0%,#1F52AE 100%);
    background: linear-gradient(top,  #4179C6 0%,#1F52AE 100%);
}
.listbox li a em {margin-left:10px;font-style: normal;color:#AAA;font-weight:normal;font-size:12px;}

.listbox li > span { padding: 5px 10px; font-size: 12px; line-height: 16px; display: block; background: #FFF; max-width: 280px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.listbox li > span em { font-style: normal; color: #FF0000; }

/* ===== Combobox ===== */
.combobox { position: relative; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
.combobox .btn-group { position: absolute; right: 0; top: 0; width: 100%; }
.combobox .btn-group .dropdown-toggle { padding: 0; position: absolute; right: 1px; top: 1px; z-index: 2; background: #fff; border-left: 1px solid #ccc; }
.combobox .btn-group .caret { margin: 10px 8px; *margin:8px;}
.combobox .btn-group .dropdown-menu { width: 100%; max-height: 140px; overflow: hidden; overflow-y: auto; }
.combobox .btn-group.dropdown .dropdown-menu { top: 25px; }
/* ===== Select2 ===== */
.select2-container {
    font-size: 14px;
    position: relative;
    display: inline-block;
    /* inline-block for ie7 */
    zoom: 1;
    *display: inline;
    vertical-align: top;
}
.select2-container {
    margin-bottom: 10px;
}
.widget-footer .select2-container,
.action-table .btn-toolbar .select2-container {
    margin-bottom: 0;
    margin-right: 5px;
}
.widget-footer .pull-right .select2-container,
.action-table .btn-toolbar.pull-right .select2-container {
    margin-right: 0;
}
.form-search .select2-container,
.form-inline .select2-container,
.form-horizontal .select2-container {
    display: inline-block;
    *display: inline;
    margin-bottom: 0;
    vertical-align: middle;
    *zoom: 1;
}
.select2-container[class*="span"] {
    float: none;
    margin-left: 0;
    min-height: 1px;
}
.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
    -moz-box-sizing: border-box;    /* firefox */
    -ms-box-sizing: border-box;     /* ie */
    -webkit-box-sizing: border-box; /* webkit */
    -khtml-box-sizing: border-box;  /* konqueror */
    box-sizing: border-box;         /* css3 */
}
.select2-container .select2-choice {
    background-color: #fff;
    border: 1px solid;
    border-color: #a8abba #a8abba #c5c7d2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
    -o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    height: 28px;
    line-height: 28px;
    padding: 0 0 0 8px;
    color: #555;
    text-decoration: none;
}
.form-dark .select2-container .select2-choice {
    background-color: rgba(0, 0, 0, 0.1);
}
.select2-container.select2-drop-above .select2-choice {
    border-bottom-color: rgba(0, 0, 0, 0.2);
;
    -webkit-border-radius: 0px 0px 3px 3px;
    -moz-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
}
.select2-container .select2-choice span {
    margin-right: 28px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.select2-container .select2-choice abbr {
    display: block;
    position: absolute;
    right: 26px;
    top: 8px;
    width: 12px;
    height: 12px;
    font-size: 1px;
    background: url('../images/elements/select2/select2.png') right top no-repeat;
    cursor: pointer;
    text-decoration: none;
    border: 0;
    outline: 0;
}
.select2-container .select2-choice abbr:hover {
    background-position: right -11px;
    cursor: pointer;
}
.select2-drop {
    background: #fff;
    color: #000;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.2);
    border-bottom-color: rgba(0, 0, 0, 0.25);
    border-top: 0;
    position: absolute;
    top: 100%;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -o-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    z-index: 9999;
    width: 100%;
    margin-top: -1px;
}
.select2-drop.select2-drop-above {
    -webkit-border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
    margin-top: 1px;
    border-top: 1px solid rgba(0, 0, 0, 0.25);
    border-bottom: 0;
    -webkit-box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.1);
}
.select2-container .select2-choice div {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: none;
    border-left: 1px solid #aaa;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: transparent;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 28px;
}
.select2-container .select2-choice div b {
    background: url('../images/elements/select2/select2.png') no-repeat 0 1px;
    display: block;
    width: 100%;
    height: 100%;
}
.select2-search {
    display: inline-block;
    white-space: nowrap;
    z-index: 10000;
    min-height: 28px;
    width: 100%;
    margin: 0;
    padding-left: 4px;
    padding-right: 4px;
}
.select2-search-hidden {
    display: block;
    position: absolute;
    left: -10000px;
}
.select2-search input {
    background: #fff url('../images/elements/select2/select2.png') no-repeat 100% -28px;
    background: url('../images/elements/select2/select2.png') no-repeat 100% -28px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
    background: url('../images/elements/select2/select2.png') no-repeat 100% -28px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url('../images/elements/select2/select2.png') no-repeat 100% -28px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url('../images/elements/select2/select2.png') no-repeat 100% -28px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
    background: url('../images/elements/select2/select2.png') no-repeat 100% -28px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
    background: url('../images/elements/select2/select2.png') no-repeat 100% -28px, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
    padding: 4px 20px 4px 5px;
    outline: 0;
    border: 1px solid #aaa;
    font-family: sans-serif;
    font-size: 1em;
    width: 100%;
    margin: 0;
    height: auto !important;
    min-height: 26px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
.select2-drop.select2-drop-above .select2-search input {
    margin-top: 4px;
}
.select2-search input.select2-active {
    background: #fff url('spinner.gif') no-repeat 100%;
    background: url('spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
    background: url('spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url('spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url('spinner.gif') no-repeat 100%, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
    background: url('spinner.gif') no-repeat 100%, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
    background: url('spinner.gif') no-repeat 100%, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
}
.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
    -moz-box-shadow : 0 0 5px rgba(0,0,0,0.2);
    -o-box-shadow : 0 0 5px rgba(0,0,0,0.2);
    box-shadow : 0 0 5px rgba(0,0,0,0.2);
    border: 1px solid;
    border-color: rgba(0, 0, 0, 0.2);
    outline: none;
}
.form-dark .select2-dropdown-open .select2-choice,
.select2-dropdown-open .select2-choice {
    border: 1px solid;
    border-color: rgba(0, 0, 0, 0.2);
    border-bottom-color: transparent;
    background-color: #ffffff;
    -webkit-border-bottom-left-radius : 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft : 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-left-radius : 0;
    border-bottom-right-radius: 0;
}
.select2-dropdown-open .select2-choice div {
    background: transparent;
    border-left: none;
}
.select2-dropdown-open .select2-choice div b {
    background-position: -18px 1px;
}
/* results */
.select2-results {
    margin: 4px 4px 4px 0;
    padding: 0 0 0 4px;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 200px;
    height: 180px;
}
.select2-results ul.select2-result-sub {
    margin: 0 0 0 0;
}
.select2-results ul.select2-result-sub > li .select2-result-label {
    padding-left: 20px
}
.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
    padding-left: 40px
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
    padding-left: 60px
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
    padding-left: 80px
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
    padding-left: 100px
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
    padding-left: 110px
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
    padding-left: 120px
}
.select2-results li {
    list-style: none;
    display: list-item;
}
.select2-results li.select2-result-with-children > .select2-result-label {
    font-weight: bold;
}
.select2-results .select2-result-label {
    padding: 3px 7px 4px;
    margin: 0;
    cursor: pointer;
}
.select2-results .select2-highlighted {
    background: #3875d7;
    color: #fff;
}
.select2-results li em {
    background: #feffde;
    font-style: normal;
}
.select2-results .select2-highlighted em {
    background: transparent;
}
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
    background: #f4f4f4;
    display: list-item;
}
.select2-results .select2-disabled {
    display: none;
}
.select2-more-results.select2-active {
    background: #f4f4f4 url('spinner.gif') no-repeat 100%;
}
.select2-more-results {
    background: #f4f4f4;
    display: list-item;
}
/* disabled styles */
.select2-container.select2-container-disabled .select2-choice {
    background-color: #f1f1f1;
    background-image: none;
    border: 1px solid #d1d1d1;
    cursor: not-allowed;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.select2-container.select2-container-disabled .select2-choice div {
    background-color: transparent;
    background-image: none;
    border-left: 0;
    box-shadow: none;
}
.select2-container.select2-container-disabled .select2-choice div b {
    opacity: 0.25;
}
/* multiselect */
.select2-container-multi .select2-choices {
    background-color: #fff;
    border: 1px solid;
    border-color: #a8abba #a8abba #c5c7d2;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
    margin: 0;
    padding: 0;
    cursor: text;
    overflow: hidden;
    height: auto;
    width: 416px;
    position: relative;
}
.select2-container-multi .select2-choices {
    min-height: 24px;
    line-height: 24px;
}
.form-dark .select2-container-multi .select2-choices {
    background-color: rgba(0, 0, 0, 0.1);
}
.select2-drop.select2-drop-multi {
    margin-top: 0px;
}
.select2-container-multi.select2-dropdown-open .select2-choices {
    background-color: #ffffff;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow : 0 5px 10px rgba(0, 0, 0, 0.2);
    -o-box-shadow : 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow : 0 0 5px rgba(0, 0, 0, 0.2);
}
.select2-container-multi.select2-container-active .select2-choices {
    border-color: rgba(0, 0, 0, 0.2);
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    /* IE6-9 */

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
.select2-container-multi.select2-drop-above .select2-choices {
}
.select2-container-multi .select2-choices li {
    float: left;
    list-style: none;
}
.select2-container-multi .select2-choices .select2-search-field {
    white-space: nowrap;
    margin: 0;
    padding: 0;
    height: 24px;
}
.select2-container-multi .select2-choices .select2-search-field input {
    color: #666;
    background: transparent !important;
    border: none !important;
    font-family: sans-serif;
    font-size: 100%;
    height: 20px !important;
    padding: 2px 5px;
    margin: 0;
    outline: 0;
    border: 0;
    box-shadow : none !important;
    vertical-align: 3px;
}
.select2-container-multi .select2-choices .select2-search-field input.select2-active {
    background: #fff url('../images/elements/ui/spinner.png') no-repeat 100% !important;
}
.select2-default {
    color: #999 !important;
}
.select2-container-multi .select2-choices .select2-search-choice {
    border-radius : 3px;
    -moz-background-clip : padding;
    -webkit-background-clip: padding-box;
    background-clip : padding-box;

    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-color: #f5f5f5;
    *background-color: #e6e6e6;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #bbbbbb;
    *border: 0;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-bottom-color: #a2a2a2;


    color: #333;
    font-size: 13px;
    border: 1px solid #A8ABBA;
    line-height: 14px;
    padding: 2px 5px 2px 18px;
    margin: 2px 0 3px 2px;
    position: relative;
    cursor: default;
}
.input-prepend .select2-choices {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}
.input-prepend .select2-drop-above .select2-choices {
    -webkit-border-radius: 0 0 3px 0;
    -moz-border-radius: 0 0 3px 0;
    border-radius: 0 0 3px 0;
}
.input-append .select2-choices {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}
.input-append .select2-drop-above .select2-choices {
    -webkit-border-radius: 0 0 0 3px;
    -moz-border-radius: 0 0 0 3px;
    border-radius: 0 0 0 3px;
}
.select2-container-multi .select2-choices .select2-search-choice span {
    cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
    background: #d4d4d4;
}
.select2-search-choice-close {
    display: block;
    position: absolute;
    right: 3px;
    top: 3px;
    width: 12px;
    height: 13px;
    font-size: 1px;
    background: url('../images/elements/select2/select2.png') right top no-repeat;
    outline: none;
}
.select2-container-multi .select2-search-choice-close {
    left: 3px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
    background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
    background-position: right -11px;
}
/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    background-image: none;
    background-color: #f4f4f4;
    border: 1px solid #ddd;
    padding: 3px 5px 3px 5px;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
    display: none;
}
/* end multiselect */
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-result-selectable .select2-match {
    text-decoration: underline;
}
.select2-result-unselectable .select2-match {
    text-decoration: none;
}
.select2-offscreen {
    position: absolute;
    left: -10000px;
}
.control-group.warning .select2-container .select2-choice,
.control-group.warning .select2-container-multi .select2-choices {
    border-color: #c09853;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.control-group.warning .select2-container-active .select2-choice,
.control-group.warning .select2-container-multi .select2-choices {
    border-color: #a47e3c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
}
.control-group.error .select2-container .select2-choice,
.control-group.error .select2-container-multi .select2-choices {
    border-color: #b94a48;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.control-group.error .select2-container-active .select2-choice,
.control-group.error .select2-container-multi-active .select2-choices {
    border-color: #953b39;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}
.control-group.success .select2-container .select2-choice,
.control-group.success .select2-container-multi-active .select2-choices {
    border-color: #468847;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.control-group.success .select2-container-active .select2-choice,
.control-group.success .select2-container-multi-active .select2-choices {
    border-color: #356635;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
}
.control-group.info .select2-container .select2-choice,
.control-group.info .select2-container-multi-active .select2-choices {
    border-color: #3a87ad;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.control-group.info .select2-container-active .select2-choice,
.control-group.info .select2-container-multi-active .select2-choices {
    border-color: #2d6987;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
}
/* Retina-ize icons */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {

    .select2-search input,
    .select2-search-choice-close,
    .select2-container .select2-choice abbr,
    .select2-container .select2-choice div b {
        background-image: url(../images/elements/select2/select2x2.png) !important;
        background-repeat: no-repeat !important;
        background-size: 60px 40px !important;
    }

    .select2-search input {
        background-position: 100% -21px !important;
    }
}

/* ===== FancyBox ===== */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.fancybox-opened {
    z-index: 8030;
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
    position: relative;
}

.fancybox-inner {
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url('../images/elements/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url('../images/elements/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url('../images/elements/fancybox/blank.gif'); /* helps IE */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 8040;
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}

.fancybox-nav:hover span {
    visibility: visible;
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}

/* Overlay helper */
.fancybox-margin {
    margin-right: 17px;
}
.fancybox-lock {
    width: auto;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url('../images/elements/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: hidden;
}

/* Title helper */

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent; /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap;
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}

.fancybox-title-inside-wrap {
    padding-top: 10px;
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){

    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
        background-image: url('../images/elements/fancybox/fancybox_sprite@2x.png');
        background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
    }

    #fancybox-loading div {
        background-image: url('../images/elements/fancybox/fancybox_loading@2x.gif');
        background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
    }
}
/*
* Default Style
* author: Liufengchun
* creat: 2013-06-26
* update: 2013-09-03
*/
/* # General styles
================================================== */
html { height: 100%; overflow: hidden}
/*TODO removed body>overflow:hidden;  by wqy*/
body { font:12px/1.5 '\5b8b\4f53',tahoma,sans-serif; background:#fff; color:#333; width: 100%; height: 100%; }
.page { background: #fff; overflow: auto; height: auto; min-height: 100%; }
.page > .wrapper { width: 100%; height: 100%; }
.page.withFixed > .wrapper { padding: 32px 0; box-sizing: border-box; -moz-box-sizing: border-box; height: auto; }
.page.withBreadline > .wrapper { padding: 60px 0 32px; box-sizing: border-box; -moz-box-sizing: border-box; height: auto; }
.page.withBreadline .breadLine { position: fixed; top: 0; width: 100%; z-index: 1001; }
.page .wrapper > .breadLine { display:none; }
.page.withBreadline .btn-toolbar { top: 29px; }
.page.withPageFixed > .wrapper { padding-bottom:32px; box-sizing: border-box; -moz-box-sizing: border-box; height: auto; }
.page.withToolbarFixed > .wrapper { padding-top:32px; box-sizing: border-box; -moz-box-sizing: border-box; height: auto; }
.page.withTabFixed > .wrapper { padding-top: 36px; box-sizing: border-box; -moz-box-sizing: border-box; height: auto; }
.noScroll {overflow:hidden !important;}
.page.withFixed .wrapper,
.page.withPageFixed .wrapper,
.page.withToolbarFixed .wrapper,
.page.withTabFixed .wrapper {display:table;}
.page.withFixed .wrapper .wrapper,
.page.withPageFixed .wrapper .wrapper,
.page.withToolbarFixed .wrapper .wrapper,
.page.withTabFixed .wrapper .wrapper {display:block;}

.clear { clear: both; }
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }

.mfix { margin: 0 2px !important; }
.hidden { overflow:hidden }
.relative { position: relative; }
p { padding: 5px 0; }

.noBorderB { border-bottom: none !important; }
.nobg { background: none !important; }
.nomargin { margin: 0 !important; }
.nopadding { padding: 0 !important; }
.noborder { border: none !important}
.displayNone { display: none; }
.display { display: block !important; }
.radius3{border-radius:3px;}
.radius10{border-radius:10px;}
.inline{display:inline-block;*display:inline;*zoom:1;}
.disabled { opacity: 0.6; cursor: default;}
.disabled .ico { opacity: 0.5; -webkit-filter: grayscale(100%); }
.disabled ul { -webkit-filter: grayscale(100%); }
.hand { cursor: pointer; }
.floatL { display: block; float: left; }
.floatR { display: block; float: right; }
.nowrap { word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.wrap { white-space: normal; word-wrap: break-word; word-break: break-all; }
.maxwidth {max-width: 200px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
.maxwidth.small {max-width: 70px; }
.shadow { position: absolute; top: 0; left: 0; background: #000; opacity: 0.4; }
#subFrame { height: auto; }
button, input[type=submit], input[type=image], input[type=reset] { cursor: pointer; }
.tooltip {
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    padding: 3px 8px;
    background: #3b3b3b;
    background: -moz-linear-gradient(top,  #3b3b3b 0%, #1d1d1d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b3b3b), color-stop(100%,#1d1d1d));
    background: -webkit-linear-gradient(top,  #3b3b3b 0%,#1d1d1d 100%);
    background: -o-linear-gradient(top,  #3b3b3b 0%,#1d1d1d 100%);
    background: -ms-linear-gradient(top,  #3b3b3b 0%,#1d1d1d 100%);
    background: linear-gradient(top,  #3b3b3b 0%,#1d1d1d 100%);
}

/* # Typography
================================================== */

/* === Headings === */
h1 { font-size: 24px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }

/* === Text colors === */
.textRed { color: #E2252C; }
.textOrange { color: #F60; }
.textGreen { color: #4D7F12; }
.textBlue { color: #2F63AF; }
.textGrey { color: #AAA; }
.textBlack { color: #333; }

a.linkGreen {color:#42921F !important;}
a.linkGreen:hover {color:#F60 !important;}
a.linkBlue {color:#2F63AF !important;}
a.linkBlue:hover {color:#F60 !important;}

/* === Margin === */
.mg0 {margin: 0 !important; }
.mg5 { margin: 5px !important; }
.mg10 { margin: 10px !important; }
.mg20 { margin: 20px !important; }
.mg30 { margin: 30px !important; }
.mg60 { margin: 60px !important; }
.mg100 { margin: 100px !important; }
.mt0 {margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt8 { margin-top: 8px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt60 { margin-top: 60px !important; }
.mt100 { margin-top: 100px !important; }
.mr0 {margin-right: 0 !important;}
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mr60 { margin-right: 60px !important; }
.mr100 { margin-right: 100px !important; }
.mb0 {margin-bottom: 0 !important;}
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb100 { margin-bottom: 100px !important; }
.ml0 {margin-left: 0 !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.ml60 { margin-left: 60px !important; }
.ml100 { margin-left: 100px !important; }

.pd0 { padding: 0 !important; }
.pt0 { padding-top: 0 !important; }
.pr0 { padding-right: 0 !important; }
.pb0 { padding-bottom: 0 !important; }
.pl0 { padding-left: 0 !important; }
.pd5 { padding: 5px; }
.pd10 { padding: 10px; }
.pd20 { padding: 20px; }
.pd30 { padding: 30px; }
.pd60 { padding: 60px; }
.pd100 { padding: 100px; }
/* === Text alignment === */
.textL { text-align: left!important; }
.textC { text-align: center; }
.textR { text-align: right; }

/* === Label styles === */
.redBack, .greenBack, .greyBack, .blueBack { padding: 5px 6px 4px 6px; border-radius: 2px; color: #fafafa; }
.redBack { background: #b75d5d; }
.greenBack { background: #7ab75d; }
.greyBack { background: #6a6a6a; }
.blueBack { background: #5d92b7; }

/* === Placeholder color === */
::-webkit-input-placeholder { color: #b3b3b3; }
:-moz-placeholder { color: #b3b3b3; }
input.placehoder { color: #666; }

/* === Input Controls === */
textarea,input[type="text"],input[type="file"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input,input.input-base{
    padding:3px 5px;
    width: 188px;
    *width:180px;
    /*height:18px;*/
    line-height:18px;
    font-size:12px;
    color:#333;
    border: 1px solid #A2A2A2;
    vertical-align: middle;
}
textarea,input[type="text"],input[type="file"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"]{
    background-color:#ffffff;
    border:1px solid #cccccc;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-transition:border linear 0.2s,box-shadow linear 0.2s;
    -moz-transition:border linear 0.2s,box-shadow linear 0.2s;
    -ms-transition:border linear 0.2s,box-shadow linear 0.2s;
    -o-transition:border linear 0.2s,box-shadow linear 0.2s;
    transition:border linear 0.2s,box-shadow linear 0.2s;
}
textarea:focus,input[type="text"]:focus,input[type="file"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus{
    padding:3px 5px;
    border-color:rgba(0,153,255, 0.8);
    border-color:#09f \9;
    outline:none;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.1), 0 0 8px rgba(0,153,255,.6);
}
input[type="file"]{padding:0;height:24px;line-height:18px;width: 300px;}
input[type="radio"],input[type="checkbox"]{margin:0 5px 0 0;line-height:normal;vertical-align:middle;cursor:pointer;}
input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"]{width:auto;}

input.input-mini, textarea.input-mini { width: 60px; }
input.input-small, textarea.input-small { width: 90px; }
input.input-medium, textarea.input-medium { width: 150px; }
input.input-large, textarea.input-large { width: 210px; }
input.input-xlarge, textarea.input-xlarge { width: 270px; }
input.input-xxlarge, textarea.input-xxlarge { width: 530px; }
input.input-wide, textarea.input-wide, input.input-wide:focus, textarea.input-wide:focus { width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-indent: 5px; }
textarea { height:auto; width:400px; }
.controls select {width:200px;}
.pagination select {min-width:0;}
.placeholder {color:#999 !important;}
/* ===== Form validation ===== */
input.info,textarea.info,select.info { border-color: #0099FF!important; }
input.info:focus,textarea.info:focus,select.info:focus {
    box-shadow:inset 0 1px 1px rgba(0,0,0,.1), 0 0 8px rgba(0,153,255,.6);
}
input.error,textarea.error,select.error { border-color: #DA4236!important; }
input.error:focus,textarea.error:focus,select.error:focus {
    box-shadow:inset 0 1px 1px rgba(0,0,0,.1), 0 0 8px rgba(218,66,54,.6);
}
input.success,textarea.success,select.success { border-color: #2EB037!important; }
input.success:focus,textarea.success:focus,select.success:focus {
    box-shadow:inset 0 1px 1px rgba(0,0,0,.1), 0 0 8px rgba(46,176,55,.6);
}
input.darkblue,textarea.darkblue,select.darkblue { background-color: #E5F5FF !important; border-color: #0099FF !important; }
input.darkblue:focus,textarea.darkblue:focus,select.darkblue:focus {
    box-shadow:inset 0 1px 1px rgba(0,0,0,.1), 0 0 8px rgba(0,153,255,.6);
}
input.darkgreen,textarea.darkgreen,select.darkgreen { background-color: #E3FFFF !important; border-color: #009999 !important; }
input.darkgreen:focus,textarea.darkgreen:focus,select.darkgreen:focus {
    box-shadow:inset 0 1px 1px rgba(0,0,0,.1), 0 0 8px rgba(0,153,153,.6);
}
input.darkred,textarea.darkred,select.darkred { background-color: #FAE3E0 !important; border-color: #DA4236 !important; }
input.darkred:focus,textarea.darkred:focus,select.darkred:focus {
    box-shadow:inset 0 1px 1px rgba(0,0,0,.1), 0 0 8px rgba(218,66,54,.6);
}
#tooltip.info,#tooltip.error,#tooltip.success,label.info,label.error,label.success,.state { display: inline-block; *display: inline; *zoom: 1; margin-left: 10px; vertical-align: middle; line-height: 20px; float: none !important; }
#tooltip.info,label.info { color: #0099FF !important; }
#tooltip.error,label.error { color: #DA4236 !important; }
#tooltip.success,label.success { color: #2EB037 !important; }
#tooltip.tip, label.tip {padding:0 10px;background:#F8F8F8;border:1px solid #CCC;color:#FFF;border-radius: 4px;font-size:12px;}
#tooltip.tip  .arrow,label.tip .arrow,
#tooltip.tip .arrow b,label.tip .arrow b {position:absolute;left:20px;bottom:-10px;height:0;border-width:5px;border-style:solid;border-color:#CCC transparent transparent;}
#tooltip.tip .arrow b,label.tip .arrow b {left:-5px;top:-6px;bottom:auto;border-color: #F8F8F8 transparent transparent;}
.error .state,.success .state {display:inline-block;overflow:hidden;width:18px;height:18px;background:url(../images/icons.png) no-repeat -51px -3px; }
.success .state {background-position:  -171px -27px; }
/* # Business stuff
================================================== */
.alarmH .level,.alarmM .level,.alarmL .level { display:inline-block; *display: inline; *zoom: 1; padding: 2px 15px; line-height: 20px; color: #fff; font-weight: normal; }
.alarmH .level { background: #942727; }
.alarmM .level { background: #FF961A; }
.alarmL .level { background: #7DB25A; }
.alarmH .title,.alarmM .title,.alarmL .title { display: block; text-align: left; }
.alarmH a { color: #333; }
.alarmH a:hover { color: #ff6600; }
.alarm-level .level { display: inline-block; *display:inline; * zoom: 1; padding: 2px 20px; line-height: 20px; color: #fff; font-weight: normal; }
.alarm-level1 .level { background: #942828; }
.alarm-level2 .level { background: #FF9617; }
.alarm-level3 .level { background: #7DB25A; }
.alarm-level4 .level { background: #3E84DA; }
.alarm-level5 .level { background: #FF9617; }
.alarm-level .title { display: block; text-align: left; }

.treeview { position: relative; padding: 0; overflow: auto; height: 100%; box-sizing: border-box; -moz-box-sizing: border-box; }
.ui-dialog .treeview { height: 200px; border: 1px solid #CCCCC4; background: #fff; }
.treeview.uneditable { border: 1px solid #efefef; background: #F7F7F7; height: 400px; overflow: hidden; }
.treeview.editable { padding: 26px 0 0; border: 1px solid #efefef; background: #F7F7F7; height: 400px; overflow: hidden; }
.treeview.editable .btn-toolbar { position: absolute; top: 0; z-index: 1; padding: 0; background: #DFE1D9; }
.treeview.editable .btn-toolbar .buttonS { margin: 2px 0 2px 5px; padding: 0 5px; }
.treeview.editable .ztree { height: 100%; box-sizing: border-box; -moz-box-sizing: border-box; overflow: auto; }

ul.ztree li a.disabledNode { text-decoration:none; }
ul.ztree li a.disabledNode span { opacity:0.5; -moz-opacity:0.5; }
ul.ztree li a.disabledNode .node-editor span { opacity:1; -moz-opacity:1; }
ul.ztree li a.disabledNode.curSelectedNode { background: #FFE6B0; }

/* === Paper Style === */
.paper { margin: 20px; background: #fff; }
.paper .paper-hd, .paper .paper-hd span, .paper .paper-ft, .paper .paper-ft span { background: url(../images/paper.png) no-repeat 0 0; }
.paper .paper-inner { padding: 0 0 0 30px; background: url(../images/paper_left.png) repeat-y 0 0; }
.paper .paper-content { padding: 0 30px 0 0; background: url(../images/paper_right.png) repeat-y 100% 0; }
.paper .paper-hd, .paper .paper-ft { background-repeat: repeat-x; }
.paper .paper-hd, .paper .paper-hd span, .paper .paper-ft, .paper .paper-ft span { display: block; height: 36px; }
.paper .paper-hd { background-position: 0 -36px; }
.paper .paper-hd span { background-position: 0 0; }
.paper .paper-hd span span { background-position: 100% -72px; }
.paper .paper-ft { background-position: 0 -148px; }
.paper .paper-ft, .paper .paper-ft span { height: 40px; }
.paper .paper-ft span { background-position: 0 -108px; }
.paper .paper-ft span span { background-position: 100% -188px; }

.pageHead { margin-bottom: 20px; background: url(../images/page_head.png) repeat-x center bottom; text-align: center; height: 92px; }
.pageHead h2 { padding: 10px  0; color: #333; }
.pageHead .description span { margin-right: 50px; }
.pageTitle { padding: 10px 20px 0; color: #333; display: none; }
.pageTitle.display { display: block !important; }
.pageTitle h3 { display: inline; font-size: 18px; }
.pageTitle h3 span { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
.pageTitle .action, .pageTitle > span { margin-left: 20px; display: inline-block; *display: inline; *zoom: 1; }
.pageTitle a { color: #3063B0; }
.pageTitle a:hover { color: #f60; }
.pageContent { padding: 10px 20px; }
.pageContent .formRow { border: none; }

.paper .pageTitle { margin: 10px 0 0 30px; padding: 0 10px; display: inline-block !important; *display: inline !important; *zoom: 1 !important; background: #fff; }
.paper .pageContent { margin-top: -14px; padding-top: 24px; border-top: 1px solid #d3d3d3; }

fieldset { margin: 15px 0 !important; border-top: 1px solid #d3d3d3; min-width: 0; }
.accordion fieldset { padding: 0; }
fieldset.noLegend { margin: 0 !important; border: none; }
fieldset.noLegend legend { display: none; }
fieldset.noLegend .fluid { padding: 0; }
fieldset.blueLegend { border: none; margin-top: 0 !important; }
fieldset.blueLegend legend { top: -36px; margin: 0; padding: 8px 0; display: block; width: 100%; line-height: 20px; text-align: left; text-indent: 15px; background: #95C2F3; font-size: 13px; border-top-left-radius: 5px; border-top-right-radius: 5px; *margin:8px -7px;}
fieldset.blueLegend legend span { margin-left: 20px; color: #333; }
fieldset legend { margin-left: 30px; padding: 5px 10px; border: none; border-top-left-radius: 5px; border-top-right-radius: 5px; color: #333333; font-size: 14px; font-weight: bold; white-space: nowrap; }
fieldset legend .action { margin-left: 20px; font-size: 12px; font-weight: normal; }
fieldset legend .action a { display: inline-block; *display: inline; *zoom: 1; }

.action .ico { margin-right: 5px; }
.action .i-edit { background-position: -27px -244px; }
.ui-dialog fieldset { margin: 0 !important; }
.ui-dialog fieldset legend { position: static; top: auto; left: auto; min-width: inherit; text-align: left; background: #fff; margin-left: 0; padding: 0 10px 0 0; color: #333; }

fieldset .tab-container { margin-top: 10px; }

.complete { margin: 20px; padding: 10px; }
.complete.ok { background: #ECFFE3; border: 1px solid #CEE3C2; }
.complete.error { background: #FFEAE9; border: 1px solid #FFCBC8; }
.continue { margin: 20px 68px; }
.continue ul { margin-top: 10px; padding: 10px 0; border-top: 1px dashed #ccc; }
.complete.ok .continue ul { border-top: 1px dashed #CEE3C2; }
.complete.error .continue ul { border-top: 1px dashed #FFCBC8; }
.continue li { margin: 15px 0; padding: 0; line-height: 22px; }
.complete.ok .continue li { background-position: -276px -80px; }
.complete.error .continue li { background-position: -276px -110px; }
.continue a { color: #0078FF; }
.continue a span.i-continue { margin-right: 5px; }
.continue a:hover,
.complete.ok .continue a:hover,
.complete.error .continue a:hover { color: #f60; }
.complete.ok .continue a { color: #5A8D4A; }
.complete.error .continue a { color: #A2433F; }
.sticky-queue .continue { margin: 0 10px 10px; }

.statistics { padding: 5px 10px; }
.statistics span { margin-right: 20px; }
.statistics span em { font-style: normal; color: #20559E; text-decoration: underline; }
.statistics span.active em { color: #478B0B; }
.chart { position: relative; margin: 0 auto; padding: 30px 20px 20px; max-width: 500px; border: 1px solid #D9DADD; }
.chart.noborder { border: none; }
.legendLabel, .tickLabel { font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.legendLabel { padding-left: 5px; }
.flotlegend { position: absolute; top: 40px; right: 20px; width: 95px; }
.pie-chart-label { color: #333; }

/* Schedule */
.schedule { position: relative; }
.schedule .schedule-action { position: absolute; top: 0; left: 10px; }
.schedule .schedule-date { padding: 28px 10px 0; float: left; width: 200px; font-size: 14px; font-weight: bold; }
.schedule .schedule-swf { margin: 0 20px 0 220px; min-height: 65px; }

/* === Accordion === */
.accordion { }
.accordion dl { float: left; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; }
.accordion dl.open {  }
.accordion dl dt { position: relative; padding: 10px; cursor: pointer; }
.accordion dl dt h6 { padding-left: 30px; display: inline-block; *display: inline; *zoom: 1; line-height: 18px; color: #333; }
.accordion dl dt .more { position: absolute; top: 8px; left: 10px; _left: 0; }
.accordion dl dt .more a span.ico { width: 22px; height: 22px; }
.accordion dl dt .more a span.i-down { background-position: -265px -74px; }
.accordion dl.open dt .more a span.i-down { background-position: -289px -74px; }
.accordion dl dd { padding: 0 30px 10px; height:0; overflow:hidden; }

/* Accordion with champagne color */
.accordion-champagne dl { border: 1px solid #E7ECC1; border-left: 4px solid #C3DA0F; }
.accordion-champagne dl.open { border-left: 4px solid #7B881B; }
.accordion-champagne dl dt h6 { margin-left: 0; }
.accordion-champagne dl dt .more { right: 20px; left: auto; }
.accordion-champagne dl dt .more a span.i-down { background-position: -265px -48px; }
.accordion-champagne dl.open dt .more a span.i-down { background-position: -289px -48px; }
/* Accordion with blue color */
.accordion-blue dl { margin: 0 0 10px; }
.accordion-blue dl dt {position:relative; padding: 0 0 0 75px; height: 30px; line-height:30px; background: #345894 url(../images/accordion_status.png) no-repeat 0 0; }
.accordion-blue dl dt h6 { float:left; min-width: 100px; font-size: 12px; line-height: 30px; color: #ffffff; }
.accordion-blue dl dt .more { top: auto; right: auto; left: 75px; top: 5px; bottom: auto; width: 20px; height: 20px; display: block; line-height: 20px; }
.accordion-blue dl dt .more a span.i-down { background-position: -266px -98px; width: 20px; height: 20px; }
.accordion-blue dl dt .action {color:#7296D4;}
.accordion-blue dl dt .order {position:absolute;left:0;width:50px;text-align:center;color:#FFF;font-weight:bold;}
.accordion-blue dl dt .sort {position:absolute;right:30px;}
.accordion-blue dl.open dt .more a span.i-down { background-position: -290px -98px; }

.accordion-blue dl.disabled { opacity: 1; }
.accordion-blue dl.disabled dt { background-color: #345894; background-position: 0 -40px; }

.accordion-blue dl dd ul li { border-top: 1px solid #9E9E9E; }
.accordion-blue dl dd ul li h6 { font-size: 12px; color: #333; line-height: 28px; }
.accordion-blue dl dd ul li p { padding-top: 0; line-height: 20px; }

.accordion-blue.simple dl dt {background: #345894 url(../images/accordion_blue.png) no-repeat 0 0; }
.accordion-blue.simple dl dt:hover {background-color:#3F69B3;background-position:0 -80px;}
.accordion-blue.simple dl.disabled dt:hover {background-color:#3F69B3;background-position: 0 -120px; }

/* Simple Accordion */
.accordion-simple {padding:10px;}
.accordion-simple dl dt {padding:3px;}
.accordion-simple dl dt h6 {padding-left:20px;font-size: 12px;font-weight: normal;}
.accordion-simple dl dt .more {left:0;top:2px;}
.accordion-simple dl dt .more a span.i-down { background-position: -196px -292px; width: 16px; height: 16px; }
.accordion-simple dl.open dt .more a span.i-down { background-position: -220px -292px; }
.accordion-simple dl dd {padding:0 0 10px 30px;}
.accordion-simple dl dd li a,
.accordion-simple dl dd li a b,
.accordion-simple dl dd li a span {display:block;font-weight: normal;color:#333;}
.accordion-simple dl dd li a {margin-bottom:2px;padding:3px 10px;background:#F2F2F2;}
.accordion-simple dl dd li a span {color:#999;}
.accordion-simple dl dd li a.active,
.accordion-simple dl dd li a:hover {background:#195DBC;color:#FFF;}
.accordion-simple dl dd li a.active b,
.accordion-simple dl dd li a:hover b,
.accordion-simple dl dd li a.active span,
.accordion-simple dl dd li a:hover span {color:#FFF;}

/* === Dashboard === */
/* Blue */
.dashboard { padding: 25px 40px !important; padding: 25px 20px;}
.dashboard dl { margin: 0; padding: 0 0 0 55px; width: 100%; height : auto !important; height: 422px; min-height: 422px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; background: url(../images/arrow_dashboard.png) no-repeat 0 41px;_background-image : url(../images/gif/arrow_dashboard.gif);*padding-left: expression(this.previousSibling==null?'0':'55px');}
.dashboard dl:first-child { padding-left: 0; background: none; }
.dashboard.cols2 dl { width: 50%; _width: 40%; }
.dashboard.cols3 dl { width: 33.333333%; _width: 25%; }
.dashboard.cols4 dl { width: 25%; _width: 20%; }
.dashboard dt { padding: 0 0 15px 20px; border-bottom: 1px solid #D9DADD; color: #DF8403; }
.dashboard dt h2 { margin-bottom: 5px; font-size: 16px; }
.dashboard dt p { padding: 3px 0; word-break: break-all; color: #999; }
.dashboard dd { position: relative; padding: 30px 0 0 20px; }
.dashboard dd ul > li { margin: 0 auto 10px; padding: 10px 0;height:auto!important; height:104px; min-height: 104px; }
.dashboard dd li a.thumb { margin: 0; float: left; display: block; width: 64px; }
.dashboard dd li a.thumb img { width: 64px; }
.dashboard dd li a.thumb span { padding: 5px; display: block; background: #6EB3E8; color: #fff; font-size: 14px; }
.dashboard dd li a.thumb:hover { opacity: .8; }
.dashboard dd li h6 { margin-left: 80px; color: #535353; }
.dashboard dd li h6 a { color: #535353; }
.dashboard dd li h6 a:hover { color: #ff6600; }
.dashboard dd ol { margin: 10px 0 10px 80px; }
.dashboard dd ol li { display: block; list-style: none; padding-left: 10px; background: url(../images/arrow_blue.gif) no-repeat left 6px; }
.dashboard dd ol li a { color: #3063B0; font-size: 14px; }
.dashboard dd ol li a:hover { color: #ff6600; }
.dashboard dd .subitem { margin: 10px 0 0 80px; }
.dashboard dd .subitem ol { margin-left: 0; }

.dashboard dd li .bd { position: relative; border: 1px dashed #ddd; }
.dashboard dd li .bd h6 { position: absolute; top: -10px; left: -5px; margin: 0; padding: 0 10px 0 0; background: #fff; display: inline-block; *display: inline; *zoom: 1; }
/* Blue */
.dashboard-blue dt {color: #2447A5;}

/* Orange */
.dashboard-orange dt { color: #F5A141; }

/* Red */
.dashboard-red dt { color: #D33707; }

/* Champagne */
.dashboard-champagne dt { color: #7A8B04; }

/* Other */
.dashboard ul.quickLinks > li { margin: 0; padding: 10px; background: none; }
.dashboard ul.quickLinks > li img { margin-right: 10px; vertical-align: -6px; }

.dashboard .dash-panel { margin-right: 310px; }
.dashboard .guide-panel { float: left; width: 250px; }
.dashboard .chart-panel { margin-left: 260px; margin-bottom: 30px; max-width: 580px; }
.dashboard .general-panel { position: absolute; top: 0; right: 0; padding: 5px 10px 10px; border: none; width: 266px; min-height: 360px;
    background: #E1DDD2;
    background: -moz-linear-gradient(top,  #E1DDD2 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E1DDD2), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top,  #E1DDD2 0%,#ffffff 100%);
    background: -o-linear-gradient(top,  #E1DDD2 0%,#ffffff 100%);
    background: -ms-linear-gradient(top,  #E1DDD2 0%,#ffffff 100%);
    background: linear-gradient(top,  #E1DDD2 0%,#ffffff 100%);
}
.dashboard .general-panel ul > li { min-height: 0; }
/* === Browser === */
.browser { *zoom: 1; }
.browser:before, .browser:after { display: table; content: ""; }
.browser:after { clear: both; }

.browser { border: 1px solid #c7c7c7; }
.browser h3 { padding: 5px 0; background: #E4E4DE; border-bottom: 1px solid #c7c7c7; font-size: 12px; text-indent: 30px; text-align: left; }
.browser .main-wrap { border-color: #4682DC; background: #fff; min-height: 440px; height: auto !important; height: 400px; }
.browser .main-wrap .jstree-container { padding: 0; border-width: 0 0 1px 0; }
.browser .main-wrap .datatable { border-width: 0 0 1px 0; }
.browser .grid-s6m0 .main-wrap { margin-left: 180px; }
.browser .grid-s6m0 .col-sub {width: 181px; position: relative; overflow:hidden; overflow-y: auto; }
.browser .grid-s6m0 .col-sub h3 { position:absolute; z-index: 2; width:100%; padding: 6px 0 5px; background: #959FB1; color: #333; border-bottom: 1px solid #7D8AA2; }
.browser .grid-s6m0 .col-sub .scrollable {overflow:hidden;overflow-y: auto;position:relative;z-index: 2; padding-right:1px;}
.folder li a { position: relative; display: block; padding: 5px 15px; color: #333; line-height: 16px; border-bottom: 1px solid #e4e4e4; zoom: 1;
    background: #fdfdfd;
    background: -moz-linear-gradient(top,  #fdfdfd 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(top,  #fdfdfd 0%,#f5f5f5 100%);
    background: -o-linear-gradient(top,  #fdfdfd 0%,#f5f5f5 100%);
    background: -ms-linear-gradient(top,  #fdfdfd 0%,#f5f5f5 100%);
    background: linear-gradient(top,  #fdfdfd 0%,#f5f5f5 100%);
}
.folder li a span { width: 115px; vertical-align: middle; display: inline-block; *display: inline; zoom: 1; word-wrap: break-word; word-break: break-all; }
.folder li a span.ico { margin-right: 5px; width: 16px; }
.folder li a i { display: none; overflow: hidden; width: 0; height: 0; border-width: 8px; border-color: transparent #fff transparent transparent; border-style: solid; _border-color: #4179C6 #fff #4179C6 #4179C6; }
.folder li a:hover,
.folder li.active a { color: #fff;
    background: #4179C6;
    background: -moz-linear-gradient(top,  #4179C6 0%, #1F52AE 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4179C6), color-stop(100%,#1F52AE));
    background: -webkit-linear-gradient(top,  #4179C6 0%,#1F52AE 100%);
    background: -o-linear-gradient(top,  #4179C6 0%,#1F52AE 100%);
    background: -ms-linear-gradient(top,  #4179C6 0%,#1F52AE 100%);
    background: linear-gradient(top,  #4179C6 0%,#1F52AE 100%);
}
.folder li.active a i { position: absolute; z-index: 1; right: -1px; top: 50%; margin-top: -8px; display: block; }
.folder li.missed a span { color: #cc0000 !important; text-decoration: line-through !important; }

/* Browser with grey color */
.browser-grey { border: none; background: #ccc; }
.browser-grey .grid-s6m0 .col-main .main-wrap { border: 1px solid #6F89B8; }
.browser-grey .grid-s6m0 .col-sub h3 { padding: 6px 0 5px; background: #959FB1; color: #333; border-bottom: 1px solid #7D8AA2; }
.browser-grey .folder { margin-right: -1px; padding: 5px 0 5px 10px; position: relative; z-index: 2; }
.browser-grey .folder li a { display: block; padding: 10px 15px; background: none; border: none; }
.browser-grey .folder li a:hover { margin-right:1px; background: #efefef; color: #333; }
.browser-grey .folder li.active a { margin: 0; padding: 9px 15px 9px 14px; border: 1px solid #6F89B8; border-right: none; background: #fff; color: #333; font-weight: bold; }

/* rows and cols */
.rows .row { padding: 5px 0; }
.rows .row, .rows .rowhead {  *zoom: 1; }
.rows .row:before, .rows .row:after, .rows .rowhead:before, .rows .rowhead:after { display: table; content: ""; }
.rows .row:after, .rows .rowhead:after { clear: both; }
.col { float: left; display: block; width: 100%; text-indent: 30px; text-align: left; }
.rows .row:nth-child(odd) { background-color: #F4F4EC; }
.rows .even { background-color: #F4F4EC; }
.rows .rowtitle { position: relative; }
.rows .rowtitle h3 { margin-right: 30px; background: #fff; border: none; text-indent: 20px; display: inline-block; *display: inline; *zoom: 1; }
.rows .rowtitle span a { color: #3063B0; }
.rows .rowtitle span a:hover { color: #f60; }
.rows .rowtitle .more { position: absolute; top: 2px; right: 2px; }
.rows .rowtitle .filter-more { right: 2px; }
.rows .rowhead { background: #E4E4DE; border-bottom: 1px solid #c7c7c7; }
.rows .rowhead h3 { padding: 5px 0; font-size: 12px; text-indent: 30px; text-align: left; }
.cols2 .col, .cols2 .rowhead h3 { width: 50%; text-indent: 0; text-align: center; }
.cols3 .col, .cols3 .rowhead h3 { width: 33.333333%; text-indent: 0; text-align: center; }
.cols4 .col, .cols4 .rowhead h3 { width: 25%; text-indent: 0; text-align: center; }
.cols5 .col, .cols5 .rowhead h3 { width: 20%; text-indent: 0; text-align: center; }
.cols6 .col, .cols6 .rowhead h3 { width: 16.666666%; text-indent: 0; text-align: center; }
.cols7 .col, .cols7 .rowhead h3 { width: 14.285714%; text-indent: 0; text-align: center; }
.cols8 .col, .cols8 .rowhead h3 { width: 12.5%; text-indent: 0; text-align: center; }
.cols9 .col, .cols9 .rowhead h3 { width: 11.111111%; text-indent: 0; text-align: center; }
.cols10 .col, .cols10 .rowhead h3 { width: 10%; text-indent: 0; text-align: center; }
.cols11 .col, .cols11 .rowhead h3 { width: 9.090909%; text-indent: 0; text-align: center; }
.cols12 .col, .cols12 .rowhead h3 { width: 8.333333%; text-indent: 0; text-align: center; }
.cols13 .col, .cols13 .rowhead h3 { width: 7.692307%; text-indent: 0; text-align: center; }
.cols14 .col, .cols14 .rowhead h3 { width: 7.142857%; text-indent: 0; text-align: center; }
.cols15 .col, .cols15 .rowhead h3 { width: 6.666666%; text-indent: 0; text-align: center; }
.cols16 .col, .cols16 .rowhead h3 { width: 6.25%; text-indent: 0; text-align: center; }
.cols17 .col, .cols17 .rowhead h3 { width: 5.882352%; text-indent: 0; text-align: center; }
.cols18 .col, .cols18 .rowhead h3 { width: 5.555555%; text-indent: 0; text-align: center; }
.cols19 .col, .cols19 .rowhead h3 { width: 5.263157%; text-indent: 0; text-align: center; }
.cols20 .col, .cols20 .rowhead h3 { width: 5%; text-indent: 0; text-align: center; }

.rows .gridtree .col { width: auto; float: none; display: inline-block; *display: inline; *zoom: 1; text-indent: 0; }
.rows .gridtree .col.first { text-align: left; }
.rows .extra-row {  *zoom: 1; }
.rows .extra-row:before, .rows .extra-row:after { display: table; content: ""; }
.rows .extra-row:after { clear: both; }
.rows .gridtree .extra-row:nth-child(odd) { background-color: transparent; }
.rows .gridtree .even { background-color: transparent; }

.rows .btn-toolbar { padding: 5px 10px; }
.rows hr { margin: 0; }

.res-spot { margin: 1px 0 0; border-top: 1px solid #D5D7D6; }

/* === Time Slider === */
.time-slider {}
.time-slider dl { position: relative; *zoom: 1; margin: 0 20px; padding: 0 0 10px; }
.time-slider dl:before, .time-slider dl:after { display: table; content: ""; }
.time-slider dl:after { clear: both; }
.time-slider dt { position: absolute; padding: 3px 0; width: 150px; }
.time-slider dt span { color: #4682DC; }
.time-slider dd { margin-left: 150px; }
.time-slider dd ul li { padding: 0 0 10px; font-size: 12px; line-height: 12px; float: left; display: block; width: 4%; text-align: center; background: url(../images/time_line.png) no-repeat center bottom; }
.time-slider dd .ui-slider-horizontal { margin: 8px 2%; }

/* === Time Viewer === */
.time-viewer { margin-top: 1px; }
.time-viewer dl { position: relative; *zoom: 1; margin: -1px 0 0; padding: 0; background: #E5E5DD; border: 1px solid #CCCCC4; }
.time-viewer dl:before, .time-viewer dl:after { display: table; content: ""; }
.time-viewer dl:after { clear: both; }
.time-viewer dt { position: absolute; padding: 0 0 0 20px; width: 60px; }
.time-viewer dt span { color: #4682DC; }
.time-viewer dd { margin-left: 80px; padding: 0 0 0 20px; background: #fff; }
.time-viewer dd ul li { margin-right: 20px; display: inline-block; *display: inline; *zoom: 1; }

/* === Color Chips === */
ul.color-chips {margin: 2px 0;background:#fff;border:1px solid #CCC;}
ul.color-chips li {position:relative;float: left;margin: 1px;padding:0;border:1px solid #fff;width:14px;height:14px;overflow:hidden;}
ul.color-chips li.hover,ul.color-chips li.active{margin:0;border: #cc0000 solid 2px;}
ul.color-chips li a {float: left;width: 12px;height: 12px;text-indent: -9999px;background: url(../images/glass-light.png) repeat-x 0 50%; _background-image: none; border: 1px solid #CBCBCB;}
ul.color-chips li.hover a,ul.color-chips li.active a{margin:0;border:1px solid #fff;}
ul.color-chips li s { display: none; }
ul.color-chips li.active s {
    background: url(../images/selected.png) no-repeat 0 0;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
}
/* color browsing */
div.colors-explore {margin: -12px 0 20px 0;}
div.colors-explore ul.color-chips,
div.colors-explore ul.color-chips li {margin: 0;}
div.colors-explore ul.color-chips li a {height: 18px;width: 25px;z-index: 1;}
div.colors-explore ul.color-chips li a:hover {position: relative;margin: -4px;width: 33px;height: 26px;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
div.colors-explore ul.color-chips li.current a,
div.colors-explore ul.color-chips li.current a:hover {position: relative;height: 18px;width: 25px;margin: -4px;border: 4px solid #fff;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    z-index: 2;
}
/* === Toggle Panel === */
.toggle-panel { padding: 10px; border: 1px solid #CCCCC4; line-height: 20px; }
.toggle-panel li { margin-bottom: 10px; padding: 10px; background: #F0F0E9; }
.toggle-panel li:last-child { margin-bottom: 0; }
.toggle-panel p { padding: 0; }
/* === Icons === */
.ico,
.assigned i,
.unassigned i,
.added i,
.status-open i,
.status-closed i,
.status-cluster i,
.status-node i,
.status-enable i,
.status-disable i,
.role-normal i,
.role-general i,
.role-admin i,
.extraline i,
.item .thumb i,
.treeview .ztree li span.ico.fun_ico_docu,
.treeview .ztree li span.ico.fun_ico_open,
.treeview .ztree li span.ico.fun_ico_close,
.treeview .ztree li span.ico.fun-group_ico_docu,
.treeview .ztree li span.ico.fun-group_ico_open,
.treeview .ztree li span.ico.fun-group_ico_close,
.treeview .ztree li span.ico.fun-link_ico_docu,
.treeview .ztree li span.ico.fun-link_ico_open,
.treeview .ztree li span.ico.fun-link_ico_close,
.treeview .ztree li span.ico.fun-btn_ico_docu,
.treeview .ztree li span.ico.fun-btn_ico_open,
.treeview .ztree li span.ico.fun-btn_ico_close,
.treeview .ztree li span.ico.fun-menu_ico_docu,
.treeview .ztree li span.ico.fun-menu_ico_open,
.treeview .ztree li span.ico.fun-menu_ico_close,
.treeview .ztree li span.ico.fun-dialog_ico_docu,
.treeview .ztree li span.ico.fun-dialog_ico_open,
.treeview .ztree li span.ico.fun-dialog_ico_close { display: inline-block; *display: inline; *zoom: 1; width: 18px; height: 18px; overflow:hidden; vertical-align: -5px; *vertical-align: middle; background: url(../images/icons.png) no-repeat 0 -9999px; _background: url(../images/gif/icons.gif) }
/* Actions */
.i-add { background-position: -3px -3px; }
.i-plus { background-position: -51px -243px; }
.i-edit { background-position: -27px -3px; }
.i-save { background-position: -99px -291px; }
.i-undo { background-position: -123px -195px; }
.i-del { background-position: -51px -3px; }
.i-remove { background-position: -51px -147px; }
.i-reload { background-position: -27px -123px; }
.i-rebuild { background-position: -123px -147px; }
.i-backward { background-position: -99px -123px; }
.i-lock { background-position: -75px -3px; }
.i-unlock { background-position: -99px -3px; }
.i-search { background-position: -3px -99px; }
.i-reset-password { background-position: -4px -28px; }
.i-filter { background-position: -123px -3px; width: 18px; height: 18px; }
.i-filter-grey { background-position: -123px -27px; width: 18px; height: 18px; }
.i-assign { background-position: -76px -27px; }
.i-image { background-position: -123px -244px; }
.i-video { background-position: -27px -27px; }
.i-video-alarm { background-position: -72px -315px; width: 24px; }
.i-video-plan { background-position: -72px -99px; width: 24px; }
.i-video-event { background-position: -96px -99px; width: 24px; }
.i-alarm-important { background-position: -48px -315px; width: 24px; }
.i-alarm-normal { background-position: -48px -339px; width: 24px; }
.i-alarm-lower { background-position: -72px -339px; width: 24px; }
.i-alarm-preview { background-position: -3px -267px; }
.i-video-play { background-position: -27px -267px; }
.i-alarm-info { background-position: -51px -267px; }
.i-alarm-capture { background-position: -51px -363px; }
.i-video-download { background-position: -123px -220px; }
.i-video-type { background-position: -99px -244px; }
.i-linkage-plan { background-position: -72px -123px; width: 24px; }
.i-ptz { background-position: -51px -28px; }
.i-time-compare { background-position: -123px -99px; }
.i-download { background-position: -27px -99px; }
.i-move-up { background-position: -123px -52px; }
.i-move-down { background-position: -123px -75px; }
.i-move-left { background-position: -99px -315px; }
.i-move-right { background-position: -123px -315px; }
.i-import { background-position: -27px -75px; }
.i-export { background-position: -124px -124px; }
.i-empty { background-position: -2px -51px; }
.i-copy { background-position: -26px -52px; }
.i-paste { background-position: -75px -267px; }
.i-insert { background-position: -99px -267px; }
.i-print { background-position: -123px -267px; }
.i-run { background-position: -3px -315px; }
.i-stop { background-position: -27px -315px; }
.i-global-setting { background-position: -76px -244px; }
.i-define { background-position: -3px -267px; }
.i-arming { background-position: -100px -28px; }
.i-sort-down { background-position: -51px -291px; }
.i-sort-up { background-position: -75px -291px; }
.i-device-import { background-position: -48px -76px; width: 24px; }
.i-device-export { background-position: -48px -52px; width: 24px; }
.i-spot-import { background-position: -48px -124px; width: 24px; }
.i-spot-export { background-position: -48px -100px; width: 24px; }
.i-channel-add { background-position: -76px -52px; }
.i-channel-sync { background-position: -100px -52px; }
.i-calendar { background-position: -3px -75px; }
.i-excel-import { background-position: -99px -76px; }
.i-reset { background-position: -3px -124px; }
.i-tree-checkall { background-position: -49px -171px; width: 22px; }
.i-tree-cancelall { background-position: -73px -171px; width: 22px; }
.i-tree-checkchildren { background-position: -97px -171px; width: 22px; }
.i-tree-cancelchildren { background-position: -121px -171px; width: 22px; }
.ok .i-continue { background-position: -3px -291px; }
.error .i-continue { background-position: -27px -291px; }
.i-video-blue {background-position:-196px -316px;}
.i-download-grey {background-position:-269px -292px;}
.i-zoom {background-position:-172px -316px;}
.i-alarm-picture{background-position:-290px -292px;}

.i-view-grid {background-position: -27px -339px;}
.active .i-view-grid {background-position: -27px -363px;}
.i-view-list {background-position: -3px -339px;}
.active .i-view-list {background-position: -3px -363px;}
/* Status */
.i-down { background-position: -271px -8px; width: 10px; height: 10px; }
.i-up { background-position: -295px -8px; width: 10px; height: 10px; }
.i-collapse { background-position: -196px -292px; width: 16px; height: 16px; }
.i-expand { background-position: -220px -292px; width: 16px; height: 16px; }
.i-ok { background-position: -171px -27px; }
.i-stale { background-position: -195px -28px; }
.i-useless { background-position: -243px -75px; }
.i-locked { background-position: -220px -28px; }
.i-unlocked { background-position: -244px -28px; }
.i-open { background-position: -172px -52px; }
.i-closed { background-position: -196px -52px; }
.i-info { background-position: -219px -75px; }
.i-alarm { background-position: -219px -99px; }
.i-user { background-position: -243px -195px; }
.i-offline { background-position: -123px -291px; }
.i-male { background-position: -243px -195px; }
.i-female { background-position: -267px -195px; }
.i-playing { background-position: -267px -147px; }
.i-pause { background-position: -291px -195px; }
.i-waiting { background-position: -291px -147px; }
.i-checked { background-position: -171px -75px; }
.i-disabled { background-position: -195px -75px; }
.i-bs { background-position: -267px -219px; }
.i-cs { background-position: -291px -219px; }
.i-attach { background-position: -267px -267px; }
.i-error { background-position: -291px -243px; }
.i-pass { background-position: -291px -267px; }
.i-alarm-white { background-position: -267px -243px; }
.i-list-spot { background-position: -171px -123px; }
.i-list-group { background-position: -195px -123px; }
.i-list-global { background-position: -219px -123px; }
.i-available, .i-used { margin: 0 5px 5px 0; width: 8px; height: 8px; font-size: 0; background: #20559E; display: inline-block; *display: inline; *zoom: 1; }
.i-available { background: #71CB21; }

.status-enable i, .status-disable i { margin: 0 5px 0 0; width: 18px; height: 18px; white-space: nowrap; }
.status-enable i { background-position: -171px -51px; }
.status-disable i { background-position: -195px -51px; }

.status-open i, .status-closed i { margin: 0 5px 0 0; white-space: nowrap; }
.status-open i { background-position: -171px -27px; }
.status-closed i { background-position: -195px -51px; }

.status-cluster i, .status-node i { margin: 0 5px 0 0; width: 16px; height: 16px;  vertical-align: -4px; white-space: nowrap; }
.status-cluster i { background-position: -172px -100px; }
.status-node i { background-position: -196px -100px; }

.online, .offline, .extraline { color: #A5A8A3; display: inline-block; *display: inline; *zoom: 1; white-space: nowrap; }
.online { color: #61B131; }
.extraline { color: #E32F48; }
.online i, .offline i, .extraline i { margin: 5px 5px 0 5px; width: 8px; height: 8px; font-size: 0; display: inline-block; *display: inline; *zoom: 1; }
.online i { background: #61B131; }
.offline i { background: #A5A8A3; }
.extraline i { margin: 0 5px 0 0; width: 16px; height: 16px; background-color: transparent; background-position: -219px -99px; vertical-align: -3px; }

.assigned, .unassigned { color: #A5A8A3; display: inline-block; *display: inline; *zoom: 1; white-space: nowrap; }
.assigned { color: #61B131; }
.assigned i, .unassigned i { margin: 0 5px 3px 0; width: 12px; height: 12px; background-position: -245px -54px; }
.assigned i { background-position: -221px -54px; }

.role-normal i, .role-general i, .role-admin i { margin: 0 5px 0 0; width: 16px; height: 16px; vertical-align: -4px; white-space: nowrap; }
.role-normal i { background-position: -172px -196px; }
.role-general i { background-position: -196px -196px; }
.role-admin i { background-position: -220px -196px; }

.added { color: #61B131; white-space: nowrap; }
.added i { margin: 0 5px 0 0; width: 12px; height: 12px; background-position: -295px -30px; vertical-align: -2px; }

.video-plan, .video-event { margin-left: 10px; display: inline-block; *display: inline; *zoom: 1; white-space: nowrap; }
.video-plan i, .video-event i { margin: 5px 5px 0 0; width: 36px; height: 8px; font-size: 0; background: #E5C825; display: inline-block; *display: inline; *zoom: 1; }
.video-plan i { background: #4B8DD7; }

/* === zTree Icons === */
.treeview .ztree li span.ico.fun-group_ico_docu,
.treeview .ztree li span.ico.fun-group_ico_close { background-position: -171px -147px; }
.treeview .ztree li span.ico.fun-group_ico_open { background-position: -171px -171px; }
.treeview .ztree li span.ico.fun_ico_docu,
.treeview .ztree li span.ico.fun_ico_close { background-position: -195px -147px; }
.treeview .ztree li span.ico.fun_ico_open { background-position: -195px -147px; }
.treeview .ztree li span.ico.fun-link_ico_docu,
.treeview .ztree li span.ico.fun-link_ico_close { background-position: -219px -147px; }
.treeview .ztree li span.ico.fun-link_ico_open { background-position: -219px -147px; }
.treeview .ztree li span.ico.fun-btn_ico_docu,
.treeview .ztree li span.ico.fun-btn_ico_close { background-position: -243px -147px; }
.treeview .ztree li span.ico.fun-btn_ico_open { background-position: -243px -147px; }
.treeview .ztree li span.ico.fun-menu_ico_docu,
.treeview .ztree li span.ico.fun-menu_ico_close { background-position: -195px -171px; }
.treeview .ztree li span.ico.fun-menu_ico_open { background-position: -195px -171px; }
.treeview .ztree li span.ico.fun-dialog_ico_docu,
.treeview .ztree li span.ico.fun-dialog_ico_close { background-position: -219px -171px; }
.treeview .ztree li span.ico.fun-dialog_ico_open { background-position: -219px -171px; }

/* === Monitor Icons === */
.toggle-more,
.toggle-switch,
.ico.i-folder-add,
.ico.m-resource,
.ico.m-favorite,
.ico.m-search,
.act-favorite .ico,
.act-play .ico,
.act-delete .ico,
.treeview .ztree li span.ico,
.ico.m-gun,
.ico.m-gun-hd,
.ico.m-gun-offline,
.ico.m-gun-hd-offline,
.ico.m-gun-playing,
.ico.m-gun-hd-playing,
.ico.m-gun-intel,
.ico.m-gun-intel-hd,
.ico.m-gun-intel-offline,
.ico.m-gun-intel-hd-offline,
.ico.m-gun-intel-playing,
.ico.m-gun-intel-hd-playing,
.ico.m-gun-yuyan,
.ico.m-gun-yuyan-hd,
.ico.m-gun-yuyan-offline,
.ico.m-gun-yuyan-hd-offline,
.ico.m-gun-yuyan-playing,
.ico.m-gun-yuyan-hd-playing,
.ico.m-ball,
.ico.m-ball-hd,
.ico.m-ball-offline,
.ico.m-ball-hd-offline,
.ico.m-ball-playing,
.ico.m-ball-hd-playing,
.ico.m-ball-intel,
.ico.m-ball-intel-hd,
.ico.m-ball-intel-offline,
.ico.m-ball-intel-hd-offline,
.ico.m-ball-intel-playing,
.ico.m-ball-intel-hd-playing,
.ico.m-ball-yuyan,
.ico.m-ball-yuyan-hd,
.ico.m-ball-yuyan-offline,
.ico.m-ball-yuyan-hd-offline,
.ico.m-ball-yuyan-playing,
.ico.m-ball-yuyan-hd-playing,
.ico.m-halfball,
.ico.m-halfball-hd,
.ico.m-halfball-offline,
.ico.m-halfball-hd-offline,
.ico.m-halfball-playing,
.ico.m-halfball-hd-playing,
.ico.m-halfball-intel,
.ico.m-halfball-intel-hd,
.ico.m-halfball-intel-offline,
.ico.m-halfball-intel-hd-offline,
.ico.m-halfball-intel-playing,
.ico.m-halfball-intel-hd-playing,
.ico.m-halfball-yuyan,
.ico.m-halfball-yuyan-hd,
.ico.m-halfball-yuyan-offline,
.ico.m-halfball-yuyan-hd-offline,
.ico.m-halfball-yuyan-playing,
.ico.m-halfball-yuyan-hd-playing,
.ico.m-video,
.ico.m-video-empty,
.ico.m-video-playing,
.ico.m-ioalarm,
.ico.m-door,
.ico.m-sensor,
.ico.m-alarm-in,
.ico.m-alarm-out,
.ico.m-device { background: url(../images/sprite_monitor.png) no-repeat -9999px 0; }
/* Tab Icons */
.ico.i-folder-add { background-position: -3px -123px; }
.ico.m-resource { background-position: -4px -5px; }
.ico.m-favorite { background-position: -28px -5px; }
.ico.m-search { background-position: -52px -5px; }
.ui-state-active .ico.m-resource { background-position: -4px -29px; }
.ui-state-active .ico.m-favorite { background-position: -28px -29px; }
.ui-state-active .ico.m-search { background-position: -52px -29px; }
/* Spots Status */
.ico.m-gun, .treeview .ztree li span.m-gun_ico_docu { background-position: -195px -3px; width: 18px; }
.ico.m-gun-hd, .treeview .ztree li span.m-gun-hd_ico_docu { background-position: -196px -52px; width: 18px; }
.ico.m-gun-offline, .treeview .ztree li span.m-gun-offline_ico_docu { background-position: -196px -27px; width: 18px; }
.ico.m-gun-hd-offline, .treeview .ztree li span.m-gun-hd-offline_ico_docu { background-position: -196px -76px; width: 18px; }
.ico.m-gun-playing, .treeview .ztree li span.m-gun-playing_ico_docu { background-position: -196px -101px; width: 18px; }
.ico.m-gun-hd-playing, .treeview .ztree li span.m-gun-hd-playing_ico_docu { background-position: -196px -125px; width: 18px; }
.ico.m-gun-intel, .treeview .ztree li span.m-gun-intel_ico_docu { background-position: -124px -101px; width: 18px; }
.ico.m-gun-intel-hd, .treeview .ztree li span.m-gun-intel-hd_ico_docu { background-position: -124px -101px; width: 18px; }
.ico.m-gun-intel-offline, .treeview .ztree li span.m-gun-intel-offline_ico_docu { background-position: -124px -101px; width: 18px; }
.ico.m-gun-intel-hd-offline, .treeview .ztree li span.m-gun-intel-hd-offline_ico_docu { background-position: -124px -76px; width: 18px; }
.ico.m-gun-intel-playing, .treeview .ztree li span.m-gun-intel-playing_ico_docu { background-position: -124px -101px; width: 18px; }
.ico.m-gun-intel-hd-playing, .treeview .ztree li span.m-gun-intel-hd-playing_ico_docu { background-position: -124px -101px; width: 18px; }
.ico.m-gun-yuyan, .treeview .ztree li span.m-gun-yuyan_ico_docu { background-position: -243px -147px; width: 18px; }
.ico.m-gun-yuyan-hd, .treeview .ztree li span.m-gun-yuyan-hd_ico_docu { background-position: -243px -147px; width: 18px; }
.ico.m-gun-yuyan-offline, .treeview .ztree li span.m-gun-yuyan-offline_ico_docu { background-position: -243px -147px; width: 18px; }
.ico.m-gun-yuyan-hd-offline, .treeview .ztree li span.m-gun-yuyan-hd-offline_ico_docu { background-position: -243px -147px; width: 18px; }
.ico.m-gun-yuyan-playing, .treeview .ztree li span.m-gun-yuyan-playing_ico_docu { background-position: -243px -147px; width: 18px; }
.ico.m-gun-yuyan-hd-playing, .treeview .ztree li span.m-gun-yuyan-hd-playing_ico_docu { background-position: -243px -147px; width: 18px; }
.ico.m-ball, .treeview .ztree li span.m-ball_ico_docu { background-position: -219px -3px; width: 18px; }
.ico.m-ball-hd, .treeview .ztree li span.m-ball-hd_ico_docu { background-position: -220px -51px; width: 18px; }
.ico.m-ball-offline, .treeview .ztree li span.m-ball-offline_ico_docu { background-position: -220px -27px; width: 18px; }
.ico.m-ball-hd-offline, .treeview .ztree li span.m-ball-hd-offline_ico_docu { background-position: -220px -75px; width: 18px; }
.ico.m-ball-playing, .treeview .ztree li span.m-ball-playing_ico_docu { background-position: -220px -99px; width: 18px; }
.ico.m-ball-hd-playing, .treeview .ztree li span.m-ball-hd-playing_ico_docu { background-position: -220px -123px; width: 18px; }
.ico.m-ball-intel, .treeview .ztree li span.m-ball-intel_ico_docu { background-position: -148px -99px; width: 18px; }
.ico.m-ball-intel-hd, .treeview .ztree li span.m-ball-intel-hd_ico_docu { background-position: -148px -99px; width: 18px; }
.ico.m-ball-intel-offline, .treeview .ztree li span.m-ball-intel-offline_ico_docu { background-position: -148px -99px; width: 18px; }
.ico.m-ball-intel-hd-offline, .treeview .ztree li span.m-ball-intel-hd-offline_ico_docu { background-position: -220px -99px; width: 18px; }
.ico.m-ball-intel-playing, .treeview .ztree li span.m-ball-intel-playing_ico_docu { background-position: -148px -99px; width: 18px; }
.ico.m-ball-intel-hd-playing, .treeview .ztree li span.m-ball-intel-hd-playing_ico_docu { background-position: -148px -99px; width: 18px; }
.ico.m-ball-yuyan, .treeview .ztree li span.m-ball-yuyan_ico_docu { background-position: -243px -147px; width: 18px; }
.ico.m-ball-yuyan-hd, .treeview .ztree li span.m-ball-yuyan-hd_ico_docu { background-position: -243px -147px; width: 18px; }
.ico.m-ball-yuyan-offline, .treeview .ztree li span.m-ball-yuyan-offline_ico_docu { background-position: -243px -147px; width: 18px; }
.ico.m-ball-yuyan-hd-offline, .treeview .ztree li span.m-ball-yuyan-hd-offline_ico_docu { background-position: -243px -147px; width: 18px; }
.ico.m-ball-yuyan-playing, .treeview .ztree li span.m-ball-yuyan-playing_ico_docu { background-position: -243px -147px; width: 18px; }
.ico.m-ball-yuyan-hd-playing, .treeview .ztree li span.m-ball-yuyan-hd-playing_ico_docu { background-position: -243px -147px; width: 18px; }
.ico.m-halfball, .treeview .ztree li span.m-halfball_ico_docu { background-position: -242px -2px; width: 18px; }
.ico.m-halfball-hd, .treeview .ztree li span.m-halfball-hd_ico_docu { background-position: -243px -51px; width: 20px; }
.ico.m-halfball-offline, .treeview .ztree li span.m-halfball-offline_ico_docu { background-position: -243px -26px; width: 18px; }
.ico.m-halfball-hd-offline, .treeview .ztree li span.m-halfball-hd-offline_ico_docu { background-position: -243px -75px; width: 20px; }
.ico.m-halfball-playing, .treeview .ztree li span.m-halfball-playing_ico_docu { background-position: -243px -99px; width: 18px; }
.ico.m-halfball-hd-playing, .treeview .ztree li span.m-halfball-hd-playing_ico_docu { background-position: -243px -123px; width: 20px; }
.ico.m-halfball-intel, .treeview .ztree li span.m-halfball-intel_ico_docu { background-position: -172px -99px; width: 18px; }
.ico.m-halfball-intel-hd, .treeview .ztree li span.m-halfball-intel-hd_ico_docu { background-position: -172px -99px; width: 20px; }
.ico.m-halfball-intel-offline, .treeview .ztree li span.m-halfball-intel-offline_ico_docu { background-position: -172px -99px; width: 18px; }
.ico.m-halfball-intel-hd-offline, .treeview .ztree li span.m-halfball-intel-hd-offline_ico_docu { background-position: -172px -99px; width: 20px; }
.ico.m-halfball-intel-playing, .treeview .ztree li span.m-halfball-intel-playing_ico_docu { background-position: -172px -99px; width: 18px; }
.ico.m-halfball-intel-hd-playing, .treeview .ztree li span.m-halfball-intel-hd-playing_ico_docu { background-position: -172px -99px; width: 20px; }
.ico.m-halfball-yuyan, .treeview .ztree li span.m-halfball-yuyan_ico_docu { background-position: -243px -147px; width: 18px; }
.ico.m-halfball-yuyan-hd, .treeview .ztree li span.m-halfball-yuyan-hd_ico_docu { background-position: -243px -147px; width: 20px; }
.ico.m-halfball-yuyan-offline, .treeview .ztree li span.m-halfball-yuyan-offline_ico_docu { background-position: -243px -147px; width: 18px; }
.ico.m-halfball-yuyan-hd-offline, .treeview .ztree li span.m-halfball-yuyan-hd-offline_ico_docu { background-position: -243px -147px; width: 20px; }
.ico.m-halfball-yuyan-playing, .treeview .ztree li span.m-halfball-yuyan-playing_ico_docu { background-position: -243px -147px; width: 18px; }
.ico.m-halfball-yuyan-hd-playing, .treeview .ztree li span.m-halfball-yuyan-hd-playing_ico_docu { background-position: -243px -147px; width: 20px; }

.ico.m-video, .treeview .ztree li span.m-video_ico_docu { background-position: -196px -172px; }
.ico.m-video-empty, .treeview .ztree li span.m-video-empty_ico_docu { background-position: -196px -148px; }
.ico.m-video-playing, .treeview .ztree li span.m-video-playing_ico_docu { background-position: -196px -196px; }

.ico.m-ioalarm, .treeview .ztree li span.m-ioalarm_ico_docu { background-position: -219px -148px; width: 18px; }

.ico.m-door, .treeview .ztree li span.m-door_ico_docu { background-position: -124px -4px; width: 18px; }
.ico.m-sensor, .treeview .ztree li span.m-sensor_ico_docu { background-position: -148px -4px; width: 18px; }
.ico.m-alarm-out, .treeview .ztree li span.m-alarm-out_ico_docu { background-position: -100px -4px; width: 18px; }
.ico.m-alarm-in, .treeview .ztree li span.m-alarm-in_ico_docu { background-position: -76px -4px; width: 18px; }
.ico.m-device, .treeview .ztree li span.m-device_ico_docu,.treeview .ztree li span.m-device_ico_open,.treeview .ztree li span.m-device_ico_close { background-position: -172px -4px; width: 18px; }

/* Favorite and Play */
.act-favorite, .act-play, .act-edit, .act-delete { padding: 0 !important; display: inline-block; *display: inline; *zoom: 1; }
.treeview .ztree li .act-favorite, .treeview .ztree li .act-play, .treeview .ztree li .act-edit, .treeview .ztree li .act-delete { width: 18px; height: 18px; }
.act-favorite .ico, .treeview .ztree li .act-favorite .ico { background-position: -51px -51px; margin: 0; }
.act-play .ico, .treeview .ztree li .act-play .ico { background-position: -3px -51px; margin: 0; }
.act-edit .ico, .treeview .ztree li .act-edit .ico { background-position: -99px -51px; margin: 0; }
.act-delete .ico, .treeview .ztree li .act-delete .ico { background-position: -148px -51px; margin: 0; }
.act-favorite.active .ico, .act-favorite:hover .ico, .treeview .ztree li .act-favorite.active .ico, .treeview .ztree li .act-favorite:hover .ico { background-position: -75px -75px; }
.act-play.active .ico, .act-play:hover .ico, .treeview .ztree li .act-play.active .ico, .treeview .ztree li .act-play:hover .ico { background-position: -27px -75px; }
.act-play.disable .ico, .act-play.disable:hover .ico, .treeview .ztree li .act-play.disable .ico, .treeview .ztree li .act-play.disable:hover .ico { background-position: -4px -100px; color: #666; }
.act-edit.active .ico, .act-edit:hover .ico, .treeview .ztree li .act-edit.active .ico, .treeview .ztree li .act-edit:hover .ico { background-position: -123px -51px; }
.act-delete.active .ico, .act-delete:hover .ico, .treeview .ztree li .act-delete.active .ico, .treeview .ztree li .act-delete:hover .ico { background-position: -172px -51px; }

/* === Block widgets === */
.block { border: 1px solid #CBCBCB;background: #EFF0F0;}
.block .hd {border-top:1px solid #ddd;line-height:29px;font-size:14px;position:relative; background: #D1D2D3; zoom: 1; }
.block .hd h3 {display:inline-block;*display:inline;*zoom:1;font-size:14px;padding-left:10px;}
.block .hd .description{margin:0 0 0 10px;color:#333;font-size:12px;display:inline;}
.block .hd .description span {margin-left:20px;font-size:12px;color:#FC6656;}
.block .hd .description span b {font-weight:normal;color:#333;}
.block .hd .more {position:absolute;top:0;right:10px;font-size:12px;}
.block .hd .actions {position:absolute;top:0;right:10px;font-size:12px;}
.block .bd .actions {position:absolute;top:10px;right:20px;font-size:12px;line-height:29px;}
.block .bd {position:relative; padding:10px; background:#fff;}
.block .bd a img { vertical-align: middle; }
.block .ft {border-top:1px solid #CBCBCB;}

.block-blank {border: none;background:#fff;}
.block-blank .hd {border: none; border-bottom:1px solid #CBCBCB;background: #fff;}
.block-blank .bd {background: #fff;}

.block-simple {border: 1px solid #E1DCDC;background:#FFF;}
.block-simple .hd {padding:10px 10px;border: none;
    background: #F8FAF9;
    background: -moz-linear-gradient(top,  #F8FAF9 0%, #F2F2F2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F8FAF9), color-stop(100%,#F2F2F2));
    background: -webkit-linear-gradient(top,  #F8FAF9 0%,#F2F2F2 100%);
    background: -o-linear-gradient(top,  #F8FAF9 0%,#F2F2F2 100%);
    background: -ms-linear-gradient(top,  #F8FAF9 0%,#F2F2F2 100%);
    background: linear-gradient(top,  #F8FAF9 0%,#F2F2F2 100%);
}
.block-simple .hd h3 {padding-left:10px;}
.block-simple .hd .more {top:10px;}
.block-simple .hd .close {margin:5px 0 0;}
.block-simple .bd {padding:10px;background:none;border-top:1px solid #E1DCDC;}

.block-blue { border: 1px solid #6EB3E8; background:#fff; color: #fff; }
.block-blue .hd { border: none; background: #6EB3E8; }

.block-grey { border: 1px solid #E1DDD2; background:#fff; }
.block-grey .hd { border: none; background: #E1DDD2; }
.block-grey .hd a { color: #333; }
.block-grey .hd a:hover { color: #F60; }

.block-greyblue { border: 1px solid #BCC7D4; background:#fff; }
.block-greyblue .hd { border: none; background: #E3E9EF; padding: 5px 0; }
.block-greyblue .hd .more {top:5px;}
.block-greyblue .bd { }

.block-champagne { border: 1px solid #CFD3AD; background:#F7F9E8; }
.block-champagne .hd { border: none; background: #CFD3AD; }
.block-champagne .hd a { color: #333; }
.block-champagne .hd a:hover { color: #F60; }
.block-champagne .bd { background: none; }

.block-locked { border: none; background:none; position: relative; }
.block-locked .shadow { position: absolute; z-index: 0; width: 100%; height: 100%; background:#3567AF; opacity: 0.8; }
.block-locked .hd {border: none; background: #B11A1A; color: #fff; text-align: center; line-height: 36px; z-index: 1; }
.block-locked .hd h3 { padding: 0; text-align: center; font-size: 12px; }
.block-locked .hd h3 em { margin: 0 5px; font-style: normal; color: #ffcc00; }
.block-locked .hd a { color: #FFF; }
.block-locked .hd a:hover { color: #FC0; }
.block-locked .bd {background: #FFF; z-index: 1;}

.dot-wrapper { height: 182px; border: 1px dashed #CAC3C3; }
a.plus {display: block;height:182px;}
a.plus span { background: url(../images/block_tape.png) no-repeat -9999px 0; }
a.plus span { margin: 60px auto 57px; display: block; width: 68px; height: 65px; background-position: 0 -60px; opacity: 0.5; filter: alpha(opacity = 50); }
a.plus:hover span { opacity: 1; filter: none; }

/*文本列表*/
/*
text-list有两种形式
有日期：li>(span.title>a)+span.date
有分类：li>span.title>(a.cate+a)
*/
.text-list {padding:10px;zoom:1;}
.text-list li {margin-bottom:5px;padding-bottom:5px;line-height:20px;position:relative;border-bottom:1px dotted #b2b5c1;*zoom:1;}
.text-list li:last-child {border-bottom:none;}
.text-list li .title a {display:block;width:100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.text-list li .date { color: #aaa; }
/*文本列表-扩展
hasDate:有日期
hasDot：有点点
hasIcon：有图标
*/
.col-sub .hasDate li .title a {width:200px;}
.col-sub .hasIcon li .title a {width:175px;}
.col-main .hasDate li .title a {width:400px;}
.col-main .hasIcon li .title a {width:375px;}
.hasDate li .date {position:absolute;top:0;_top:-2px;right:0;}
.hasTime li .title a {display:block;}
.hasTime li .date {margin-left:12px;display:block;}
.hasDot li a {background-position:-290px 0;padding-left:12px;}
.hasDot li a:hover {background-position:-290px -20px; color:#000; }
.hasIcon li .ico {position:absolute;top:0;right:10px;z-index:2;}

/* Article */
.article {padding:25px 30px;overflow:hidden;background:#f8f8f8;border:#efefef solid 1px;zoom:1;}
.article .hd {padding:0 0 10px;text-align:center;border-bottom:#bdc7ce dashed 1px;background:none;}
.article .hd h2 {font-size:20px;color:#000;word-wrap:break-word;word-break:break-all;}
.article .hd .titbar {color:#999;line-height:30px;}
.article .hd .titbar span {margin: 0 20px 0 0;}
.article .hd .titbar span b {margin: 0 0 0 5px; font-weight: normal;}
.article .article_con {font-size:14px;padding:20px 0;line-height:2;word-wrap:break-word;word-break:break-all;}
.article .article_con p {text-indent:30px;}

/** Switchable v2.0
===================================*/
.slider .box { position: relative; overflow: hidden; }
.slider .box ul { position: relative; overflow: hidden; width: 100%; }
.switchable-nav a { position: absolute; top: 50%; margin-top: -30px; display: inline-block; *display: inline; *zoom: 1; width: 44px; height: 60px; text-indent: -9999px; background: url(../images/elements/slider/slider_controls.png) no-repeat 0 -9999px; }
.switchable-nav .prev { left: 0; background-position: 0 0; }
.switchable-nav .next { right: 0; background-position: 0 -180px; }
.switchable-nav .prev:hover { background-position: 0 -60px; }
.switchable-nav .next:hover { background-position: 0 -240px; }
.switchable-nav a.prev.disabled,.switchable-nav a.prev.disabled:hover { background-position: 0 -120px; }
.switchable-nav a.next.disabled,.switchable-nav a.next.disabled:hover { background-position: 0 -300px; }
.switchable-triggers { width:100%; height:30px; overflow-y:hidden; line-height:30px; text-align:center; }
.switchable-triggers li { display:inline-block; *display: inline; *zoom: 1; margin:0 3px; color:#3359B8; font-size:30px; font-weight:bold; cursor:pointer; }
.switchable-triggers li.current { color:#D9D9D9; }

/* Quick stats */
.quickStats { float: right; line-height: 16px; text-align: center; margin: 15px 0 14px 0; }
.quickStats .blue { color: #5d91a9; }
.quickStats li { display: block; float: left; border-left: 1px solid #d9d9d9; padding: 2px 15px 0 15px; white-space: nowrap; }
.quickStats li strong { font-size: 14px; padding-top: 1px; display: block; }
.quickStats li span { display: block; color: #5f5f5f; font-size: 12px; }
.quickStats li a { margin-right: 10px; margin-top: -2px; float: left; border-radius: 50%; }
.quickStats li:last-child { padding-right: 0; }
.quickStats li:first-child { border-left: 0; }

/* === Breadcrumbs line === */
.breadLine { padding: 0 20px; box-sizing: border-box; height: 28px; line-height: 28px; font-size: 12px; border-bottom: 1px solid #EEE; background: #FFF; }
.breadLine .hideArrow { width: 30px; float: left; padding: 14px 0 14px 0; border-right: 1px solid #c3c3c3; display: none; }
.breadLine .hideArrow:hover { background-color: #f5f5f5; }
.breadLine.simple { background: none; border: none; }
.breadback { float: left; margin-left: 3px; font-size: 0; }
.breadback .buttonS { margin: 3px 0 3px -1px; padding: 1px; font-size: 0; }
.breadback .buttonS:first-child { margin-left: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.bBackward .ico { background-position: -50px -195px; }
.bBackward:hover .ico { background-position: -50px -219px; }
.bForward .ico { background-position: -74px -195px; }
.bForward:hover .ico { background-position: -74px -219px; }

/* Breadcrumbs */
ul.breadcrumbs { position: relative; z-index: 990; *zoom: 1; }
ul.breadcrumbs:before, ul.breadcrumbs:after { display: table; content: ""; }
ul.breadcrumbs:after { clear: both; }
ul.breadcrumbs li { float: left; padding-left: 15px; font-size: 12px; font-weight: bold; color: #333; }
ul.breadcrumbs li span { /*float: left;*/ max-width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;display:block; }
ul.breadcrumbs li.current { border-right: none; }
ul.breadcrumbs li a { text-decoration: none; padding: 3px 20px 3px 0; display: inline-block; *display: inline; *zoom: 1; background: url(../images/sprite.png) right -249px; color: #2546A5; height: 22px; line-height: 22px; font-weight: normal; }
ul.breadcrumbs li a:hover { color: #F60; }
ul.breadcrumbs li.current > a { color: #333; background: none; }
ul.breadcrumbs li ul { position: absolute; z-index: 1000; background: url(../images/sprite.png) no-repeat -4px -85px; font-size: 12px; top: 24px; padding-top: 8px; display: none!important; }
ul.breadcrumbs li ul li { width: 180px; text-align: left; padding: 0; float: none; }
ul.breadcrumbs li ul li a { border: 1px solid #e4e4e4; border-top: none; }
ul.breadcrumbs li ul li:first-child a { border-top: none; }
ul.breadcrumbs li ul a { display: block; padding: 5px 10px; height: auto; line-height: 16px; clear: both; font-weight: normal; color: #666666; white-space: nowrap; font-size: 12px; background: #fdfdfd; background: -moz-linear-gradient(top,  #fdfdfd 0%, #f5f5f5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f5f5f5)); background: -webkit-linear-gradient(top,  #fdfdfd 0%,#f5f5f5 100%); background: -o-linear-gradient(top,  #fdfdfd 0%,#f5f5f5 100%); background: -ms-linear-gradient(top,  #fdfdfd 0%,#f5f5f5 100%); background: linear-gradient(top,  #fdfdfd 0%,#f5f5f5 100%); }
ul.breadcrumbs li ul a:hover { background: #f5f5f5; color: #2B6893; }
ul.breadcrumbs li.hover ul a { color: #666; }
ul.breadcrumbs li.hover ul a:hover { color: #fff;
    background: #4179C6;
    background: -moz-linear-gradient(top,  #4179C6 0%, #1F52AE 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4179C6), color-stop(100%,#1F52AE));
    background: -webkit-linear-gradient(top,  #4179C6 0%,#1F52AE 100%);
    background: -o-linear-gradient(top,  #4179C6 0%,#1F52AE 100%);
    background: -ms-linear-gradient(top,  #4179C6 0%,#1F52AE 100%);
    background: linear-gradient(top,  #4179C6 0%,#1F52AE 100%);
}

/* Breadlinks */
.breadLinks { float: right; margin-right: 30px; }
.breadLinks > ul > li { float: left; border-right: 1px solid #c3c3c3; position: relative; }
.breadLinks ul li strong { color: #B35D5D; margin-left: 4px; }
.breadLinks > ul > li:first-child { border-left: 1px solid #c3c3c3; }
.breadLinks ul li a { color: #666666; padding: 3px 12px 3px 12px; display: block; }
.breadLinks ul li a.hasdd { background: url(../images/elements/control/hasddArrow.png) no-repeat 100%; }
.breadLinks ul li a:hover {
    background: #f8f8f8;
    background: -moz-linear-gradient(top,  #f8f8f8 0%, #eaeaea 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#eaeaea));
    background: -webkit-linear-gradient(top,  #f8f8f8 0%,#eaeaea 100%);
    background: -o-linear-gradient(top,  #f8f8f8 0%,#eaeaea 100%);
    background: -ms-linear-gradient(top,  #f8f8f8 0%,#eaeaea 100%);
    background: linear-gradient(top,  #f8f8f8 0%,#eaeaea 100%);
}
.breadLinks ul li a:active {  background: #f8f8f8; }
.breadLinks ul li a span > img { margin-left: 6px; }
.breadLinks ul li ul { position: absolute; display: none; right: -1px; border: 1px solid #c3c3c3; box-shadow: 0 1px 2px #dadada; z-index: 990; text-align: left; }
.breadLinks ul li ul, .breadLinks ul li ul li:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.breadLinks ul li ul li { width: 140px; float: none; border-top: 1px solid #fff; border-bottom: 1px solid #ddd; }
.breadLinks ul li ul li:first-child { border-top: none; }
.breadLinks ul li ul li a {background: #FDFDFD; padding: 5px 12px;
    background: -moz-linear-gradient(top, #FDFDFD 0%, whiteSmoke 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FDFDFD), color-stop(100%,whiteSmoke));
    background: -webkit-linear-gradient(top, #FDFDFD 0%,whiteSmoke 100%);
    background: -o-linear-gradient(top, #FDFDFD 0%,whiteSmoke 100%);
    background: -ms-linear-gradient(top, #FDFDFD 0%,whiteSmoke 100%);
    background: linear-gradient(top, #FDFDFD 0%,whiteSmoke 100%);
}
.breadLinks ul li ul li a:hover { background: #f5f5f5; }

/* === Buttons === */
.btn-group { vertical-align: middle; }
.buttonN, .buttonS, .buttonM, .buttonL, .buttonH, .buttonW, .dualBtn, .ui-dialog .ui-dialog-buttonpane button, .pages li a, input.jumpToBtn { background: transparent url(../images/repeat.png) repeat-x -9999px -9999px; border: none; border-bottom: 2px solid transparent; font-size: 12px; color: #333; font-weight: normal; text-align: center; display: inline-block; *display: inline; *zoom: 1; line-height: 18px; border-radius: 2px; vertical-align: middle; }
.buttonN span { vertical-align: middle; }
.buttonN span, .buttonS span, .buttonM span, .buttonL span, .buttonH span, .buttonW span { margin-left: 5px; vertical-align: middle; }
.buttonN .ico, .buttonS .ico, .buttonM .ico, .buttonL .ico, .buttonH .ico, .buttonW .ico { margin-left: 0; }
.buttonN { padding: 3px 5px; }
.buttonS { padding: 3px 20px; }
.buttonM, .ui-dialog .ui-dialog-buttonpane button { padding: 5px 30px; font-size: 14px; }
.buttonL { padding: 8px 40px; font-size: 14px; }
.buttonH { padding: 12px 50px; font-size: 18px; }
.buttonW { padding: 5px 20px; display: block; }
.buttonN:hover, .buttonS:hover, .buttonM:hover, .buttonL:hover, .buttonH:hover, .buttonW:hover, .ui-dialog .ui-dialog-buttonpane button:hover { border-color: #B1B1B1; color: #757575;
    background-color: #f1f1f1;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}
a.buttonN.active, a.buttonS.active, a.buttonM.active, a.buttonL.active, a.buttonH.active, a.buttonW.active, .ui-dialog .ui-dialog-buttonpane button.active,
.buttonN:active, .buttonS:active, .buttonM:active, .buttonL:active, .buttonH:active, .buttonW:active, .ui-dialog .ui-dialog-buttonpane button:active {
    color: #333 !important;
    border-color: #464646;
    background-color: #737373;
}
.bSmall { width: 100px; text-align: center; }
.bMiddle { width: 300px; text-align: center; }
.bLarge { width: 500px; text-align: center; }
.bWide { width: 100%; text-align: center; }

.bBlank,
.bBlank:hover,
.bBlank:active,
a.bBlank.active {background:none;border:none;box-shadow:none;}

.bBlock,
.bBlock:hover,
.bBlock:active,
a.bBlock.active {background:none;border:1px solid #0099FF;box-shadow:none;color:#0099FF;}
.bBlock {border:1px solid #CCCCCC;color:#333;}

.bDefault,.dualBtn,.searchLine button,.bBlue, .bGreyish, .bLightBlue, .bGreen, .bWarning, .bError, .bSuccess, .ui-dialog .ui-dialog-buttonpane button.bPrimary { color: #fff !important; }
.bDefault:hover, .bBlue:hover, .bGreyish:hover, .bLightBlue:hover, .bGreen:hover, .bWarning:hover, .bError:hover, .bSuccess:hover, .ui-dialog .ui-dialog-buttonpane button.bPrimary:hover { color: #fff !important; }

.bDefault, .pages li a, input.jumpToBtn, .dualBtn, .searchLine button,.ui-dialog .ui-dialog-buttonpane button { border-color: #B1B1B1 !important; color: #333 !important;
    background-color: #E2E2E2;
}

.bDefault:hover, .pages li a:hover, input.jumpToBtn:hover, .dualBtn:hover, .searchLine button:hover, .ui-dialog .ui-dialog-buttonpane button:hover { color: #757575 !important;
    background-color: #f1f1f1;
}
a.bDefault.active, .pages li a.active, input.active.jumpToBtn, .dualControl .dualBtn.active, .searchLine button.active, .ui-dialog .ui-dialog-buttonpane button.active,
.bDefault:active, .pages li a:hover, input.jumpToBtn:hover, .dualBtn:active, .searchLine button:active, .ui-dialog .ui-dialog-buttonpane button:active, .btn-group.open .bDefault {
    color: #FFF !important;
    border-color: #464646 !important;
    background-color: #737373;
}

.bBack { border-color: #B1B1B1 !important; color: #333;
    background-color: #E2E2E2;
}
.bBack:hover { color: #757575;
    background-color: #f1f1f1;
}
a.bBack.active,
.bBack:active {
    color: #FFF !important;
    border-color: #464646 !important;
    background-color: #737373;
}
.bBack .ico { display: none; }
.bBack span { margin: 0; }

.bUpload {position:relative;overflow:hidden;}
.bUpload .iUpload,
.bUpload .uploadify {position:absolute;top:0;right:0;bottom:0;width:100%;height:100%;float:right;opacity:0;}
.bUpload .uploadify-button {width:100%;height:100%;}

/* === Button In Table === */
table a.bDefault:link, table a.bDefault:visited { border-color: #A9A9A9; color: #333; padding: 1px 15px; text-decoration: none;
    background-color: #E2E2E2;
}

table a.bDefault:hover { color: #333;
    background-color: #eaeaea;
}
table a.bDefault.active,
table a.bDefault:active, table .btn-group.open .bDefault {
    background-color: #d2d2d2;
}

/* === Colorful Button === */
.bBlue, .ui-dialog .ui-dialog-buttonpane button.bPrimary { border-color: #15366D !important;
    background-color: #3C7CD5;
}
.bBlue:hover, .ui-dialog .ui-dialog-buttonpane button.bPrimary:hover {
    background-color: #5197F9;
}
a.bBlue.active, .ui-dialog .ui-dialog-buttonpane button.bPrimary.active,
.bBlue:active, .ui-dialog .ui-dialog-buttonpane button.bPrimary:active, .btn-group.open .bBlue {
    background-color: #2B63B0;
}

.bGreyish { border-color: #4a4a4a !important;
    background-color: #6F6F6F;
}
.bGreyish:hover {
    background-color: #7f7f7f;
}
a.bGreyish.active,
.bGreyish:active, .btn-group.open .bGreyish {
    border-color: #272727 !important;
    background-color: #494949;
}

.bLightBlue { border-color: #0F5697 !important; color: #333;
    background-color: #79B8F2;
}
.bLightBlue:hover { color: #333;
    background-color: #81C0FA;
}
a.bLightBlue.active,
.bLightBlue:active, .btn-group.open .bLightBlue {
    border-color: #023D71 !important;
    background-color: #046BC8;
}

.bGreen { border-color: #127780 !important; color: #333; background-color: #2fa6b1;}
.bGreen:hover {border-color: #329ca5 !important;color: #333;background-color: #4ec0ca;}
a.bGreen.active,
.bGreen:active, .btn-group.open .bGreen {border-color: #096069 !important;color: #084f55;background-color: #187f89;}

.bWarning { border-color: #D66203 !important;
    background-color: #F89608;
}
.bWarning:hover {
    background-color: #FAAF41;
}
a.bWarning.active,
.bWarning:active, .btn-group.open .bWarning {
    border-color: #6B4203 !important;
    background-color: #A56505;
}

.bError, .filterForm .btn-set .bGreyish { border-color: #6C201C !important;
    background-color: #BF3831;
}
.bError:hover, .filterForm .btn-set .bGreyish:hover {
    background-color: #D25751;
}
a.bError.active,
.bError:active, .btn-group.open .bError,
.filterForm .btn-set .bGreyish.active,
.filterForm .btn-set .bGreyish:active {
    border-color: #461411 !important;
    background-color: #812621;
}

.bSuccess { border-color: #387038 !important;
    background-color: #51A551;
}
.bSuccess:hover {
    background-color: #68B568;
}
a.bSuccess.active,
.bSuccess:active, .btn-group.open .bSuccess {
    border-color: #0A360B !important;
    background-color: #126714;
}

/* === Btngroup === */
.btn-group .buttonS,
.btn-toolbar .buttonS,
.input-append .buttonS { background: transparent url(../images/repeat.png) repeat-x 0 -9999px; border: 1px solid transparent; _border: 1px solid #FFF; }
.btn-group .bDefault,
.input-append .bDefault { border: 1px solid #C1C0C0; color: #333;
    background-color: #E4E0E0;
    background-position: 0 0;
}

.btn-group .buttonS:hover,
.btn-toolbar .buttonS:hover,
.input-append .buttonS:hover,
.btn-group .bDefault:hover,
.input-append .bDefault:hover {
    color: #333 !important;
    border: 1px solid #C1C0C0;
    background-color: #ECE8E8;
    background-position: 0 -50px;
}
.btn-group .buttonS.active,
.btn-toolbar .buttonS.active,
.input-append .buttonS.active,
.btn-group .buttonS:active,
.btn-toolbar .buttonS:active,
.input-append .buttonS:active,
.btn-group.open .buttonS,
.btn-group .bDefault.active,
.input-append .bDefault.active,
.btn-group .bDefault:active,
.input-append .bDefault:active,
.btn-group.open .bDefault {
    color: #333 !important;
    background-color: #FAF8F8;
    background-position: 0 -100px;
    border-color: #A3A0A0 !important;
}

.btn-group .bBlue,
.input-append .bBlue { border: 1px solid #235EB9 !important;
    background-color: #1F52AE;
    background-position: 0 -450px;
}

.btn-group .bBlue:hover,
.input-append .bBlue:hover {
    color: #FFF !important;
    background-color: #275AB6;
    background-position: 0 -500px;
}
.btn-group .bBlue.active,
.input-append .bBlue.active,
.btn-group .bBlue:active,
.input-append .bBlue:active,
.btn-group.open .bBlue {
    color: #FFF !important;
    background-color: #4179C6;
    background-position: 0 -550px;
    border-color: #153F84 !important;
}

/* === Buttons Disabled === */
.buttonS.disabled, .buttonM.disabled, .buttonL.disabled, .buttonH.disabled, .buttonW.disabled, .dualBtn.disabled, .ui-dialog .ui-dialog-buttonpane button.disabled,
.btn-group.disabled .buttonS, .btn-toolbar .buttonS.disabled, .input-append.disabled .buttonS {
    color: #a8a8a8 !important;
    border: 1px solid #d8d8d8 !important;
    background: #f1f1f1;
    box-shadow: none;
    opacity: 1;
    -webkit-filter: grayscale(100%);
}
.btn-group.disabled, .input-append.disabled {
    opacity: 1;
}

.close {
    background: url(../images/close.png) no-repeat 1px 1px;
    _background-image: url(../images/gif/close.gif);
    width: 19px;
    height: 19px;
    display: block;
    float: right;
    cursor: pointer;
    text-indent: -9999px;
    line-height: 19px;
}

.close:hover {
    background-position: 1px -19px;
}
/* === Widgets === */

/* === Grid === */
.fluid { width: 100%; *zoom: 1; box-sizing: border-box; -moz-box-sizing: border-box; }
.fluid:before, .fluid:after { display: table; content: ""; }
.fluid:after { clear: both; }
.fluid .rtl-inputs [class*="grid"] { float: right; }
.fluid [class*="grid"] { display: block; width: 100%; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; float: left; margin-left: 2.127659574%; *margin-left: 2.0744680846382977%; }
.fluid [class*="grid"]:first-child { margin-left: 0; }

.fluid .grid12 { width: 99.99999998999999%; *width: 99.94680850063828%; *float:left;}
.fluid .grid11 { width: 91.489361693%; *width: 91.4361702036383%; *float:left;}
.fluid .grid10 { width: 82.97872339599999%; *width: 82.92553190663828%; *float:left;}
.fluid .grid9 { width: 74.468085099%; *width: 74.4148936096383%; *float:left;}
.fluid .grid8 { width: 65.95744680199999%; *width: 65.90425531263828%; *float:left;}
.fluid .grid7 { width: 57.446808505%; *width: 57.3936170156383%; *float:left;}
.fluid .grid6 { width: 48.93617020799999%; *width: 48.88297871863829%; *float:left;}
.fluid .grid5 { width: 40.425531911%; *width: 40.3723404216383%; *float:left;}
.fluid .grid4 { width: 31.914893614%; *width: 31.8617021246383%; *float:left;}
.fluid .grid3 { width: 23.404255317%; *width: 23.3510638276383%;*float:left; }
.fluid .grid2 { width: 14.89361702%; *width: 14.8404255306383%; *float:left;}
.fluid .grid1 { width: 6.382978723%; *width: 6.329787233638298%; *float:left;}

/* ===== Spinner ===== */
.ui-spinner { position: relative; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }
.ui-spinner-buttons { position: absolute; }
.ui-spinner-button { overflow: hidden; }

/* ===== Category ===== */
.category { margin: 12px 15px; *zoom: 1; }
.category:before, .category:after { display: table; content: ""; }
.category:after { clear: both; }
.category ul { margin-left: 1px; position: relative; }
.category li { float: left; margin-left: -1px; position: relative; z-index: 1; word-wrap: break-word; word-break: break-all;}
.category li:first-child a { border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
.category li:last-child a { border-top-right-radius: 2px; border-bottom-right-radius: 2px; }
.category li a { padding: 5px 20px; font-size: 12px; line-height: 16px; display: block; border: 1px solid #C1C3C6;
    background: #F2F2F2;
    background: -moz-linear-gradient(top,  #F8FAF9 0%, #F2F2F2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F8FAF9), color-stop(100%,#F2F2F2));
    background: -webkit-linear-gradient(top,  #F8FAF9 0%,#F2F2F2 100%);
    background: -o-linear-gradient(top,  #F8FAF9 0%,#F2F2F2 100%);
    background: -ms-linear-gradient(top,  #F8FAF9 0%,#F2F2F2 100%);
    background: linear-gradient(top,  #F8FAF9 0%,#F2F2F2 100%);
}
.category li.active { position: relative; z-index: 2; }
.category li.active a { border: 1px solid #356FC6; background-color: #3467B2; color: #fff;
    background: #3673C5;
    background: -moz-linear-gradient(top,  #4E85CF 0%, #3673C5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4E85CF), color-stop(100%,#3673C5));
    background: -webkit-linear-gradient(top,  #4E85CF 0%,#3673C5 100%);
    background: -o-linear-gradient(top,  #4E85CF 0%,#3673C5 100%);
    background: -ms-linear-gradient(top,  #4E85CF 0%,#3673C5 100%);
    background: linear-gradient(top,  #4E85CF 0%,#3673C5 100%);
}

.category-lightblue li {margin: 0 2px 0 0;}
.category-lightblue li a {padding:8px 25px;border-radius: 2px;border:1px solid #CACAD1;color:#666;font-weight:bold;
    background: #F2F2F2;
    background: -moz-linear-gradient(top,  #F8FAF9 0%, #F2F2F2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F8FAF9), color-stop(100%,#F2F2F2));
    background: -webkit-linear-gradient(top,  #F8FAF9 0%,#F2F2F2 100%);
    background: -o-linear-gradient(top,  #F8FAF9 0%,#F2F2F2 100%);
    background: -ms-linear-gradient(top,  #F8FAF9 0%,#F2F2F2 100%);
    background: linear-gradient(top,  #F8FAF9 0%,#F2F2F2 100%);
}
.category-lightblue li.active a {border:1px solid #64C6FF;color:#FFF;text-shadow: 0 1px 0 rgba(0,0,0,0.2);
    background: #5DC5FF;
    background: -moz-linear-gradient(top,  #92DCFF 0%, #5DC5FF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#92DCFF), color-stop(100%,#5DC5FF));
    background: -webkit-linear-gradient(top,  #92DCFF 0%,#5DC5FF 100%);
    background: -o-linear-gradient(top,  #92DCFF 0%,#5DC5FF 100%);
    background: -ms-linear-gradient(top,  #92DCFF 0%,#5DC5FF 100%);
    background: linear-gradient(top,  #92DCFF 0%,#5DC5FF 100%);
}

/* ===== Wizard ===== */
.wizard{clear:both;margin:10px 60px;}
.wizard .hormenu{list-style:none;}
.wizard .hormenu li{float:left;margin-right:10px;padding:20px 0;width:180px;}
.wizard .hormenu li a{display:block;}
.wizard .hormenu li a:hover{text-decoration:none;}
.wizard .hormenu li a span.h2{color:#666;display:block;font-family:'RobotoCondensed', Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;margin:0;text-align:center;}
.wizard .hormenu li a span.dot{background:url(../images/elements/wizard/stepline.png) repeat-x 0 0;_background-image:url(../images/gif/stepline.gif) repeat-x 0 0;display:block;height:20px;margin-left:10px;}
.wizard .hormenu li span.label{color:#666;display:block;font-size:12px;text-align:center;}
.wizard .hormenu li a span.dot span{background:url(../images/elements/wizard/steps.png) no-repeat 0 0;_background-image: url(../images/gif/steps.gif);display:inline-block;*display:inline;*zoom:1;height:20px;line-height:20px;width:20px;text-align:center;color:#fff;margin-left:-10px;_margin-left:0;}

.wizard .hormenu li a.selected span.label{color:#4682DC;}
.wizard .hormenu li a.selected span.h2{color:#4682DC;}
.wizard .hormenu li a.selected span.dot {background-position:0 -20px;}
.wizard .hormenu li a.selected span.dot span{background-position:0 -20px;}

.wizard.inlinebar {margin:10px 20px;}
.wizard.inlinebar .hormenu {background:#EFEFEF;}
.wizard.inlinebar .hormenu li {margin:0;padding:10px;}
.wizard.inlinebar .hormenu li a span.h2 {margin-left:5px;display:inline-block;*display:inline;*zoom:1;}
.wizard.inlinebar .hormenu li a span.dot {float:left;background:none;}

/* ===== FlowSteps ===== */
.flowsteps{clear:both;height:32px;line-height:32px;margin:10px 20px;*zoom:1;}
.flowsteps ol{background:#EFEFEF;margin:0;overflow:hidden;padding:0;position:relative;*zoom:1;}
.flowsteps li{list-style:none;}
.flowsteps .num2 li, .flowsteps .num2 .last{width:50%;}
.flowsteps .num3 li, .flowsteps .num3 .last{width:33.3%;}
.flowsteps .num4 li, .flowsteps .num4 .last{width:24.9%;}
.flowsteps .num5 li, .flowsteps .num5 .last{width:19.9%;}
.flowsteps .num6 li, .flowsteps .num6 .last{width:16.6%;}
.flowsteps li, .flowsteps span{background:url(../images/flowsteps.png) no-repeat 0 0;_background-image: url(../images/gif/flowsteps.gif);color:#333;}
.flowsteps li{float:left;font-size:14px;font-weight:bold;height:32px;line-height:32px;overflow:hidden;text-align:center;}
.flowsteps span{display:block;}
.flowsteps .last{_right:-1px; _width:100% !important;background-position:100% -160px;position:absolute;right:0;}
.flowsteps .current .last{background:url(../images/flowsteps.png) no-repeat 100% -200px;}
.flowsteps .done span{background-color:#D0DFF7;background-position:0 -80px;color:#1E529F;}
.flowsteps .current, .flowsteps .current span{background-color:#4682DC;background-position:0 -80px;color:#FFF;}
.flowsteps .next{background-position:0 -40px;}
.flowsteps .next span{background-position:0 -40px;}
.flowsteps .next span.last{background-position:100% -160px;}
.flowsteps li span.first{background-position:0 -120px;}

/* ===== Notification messages ===== */
.nNote { cursor: pointer; margin: 10px 0; border-radius: 2px; }
.nNote p { padding: 10px 25px 10px 25px; margin: 0; text-align: center; font-weight: bold; text-shadow: 0 1px 0 #fff;  }
.nMessage p { font-size: 12px; }
.nWarning { border: 1px solid #f2d083; color: #826200; box-shadow: 0 1px 2px #fff0c7 inset;
    background: #ffedbc;
    background: -moz-linear-gradient(top,  #ffedbc 0%, #fbe5a8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffedbc), color-stop(100%,#fbe5a8));
    background: -webkit-linear-gradient(top,  #ffedbc 0%,#fbe5a8 100%);
    background: -o-linear-gradient(top,  #ffedbc 0%,#fbe5a8 100%);
    background: -ms-linear-gradient(top,  #ffedbc 0%,#fbe5a8 100%);
    background: linear-gradient(top,  #ffedbc 0%,#fbe5a8 100%);
}

.nSuccess { box-shadow: 0 1px 2px #e3f4bf inset; border: 1px solid #c1d779; color: #4f7307;
    background: #d6efa1;
    background: -moz-linear-gradient(top,  #d6efa1 0%, #d0e69d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6efa1), color-stop(100%,#d0e69d));
    background: -webkit-linear-gradient(top,  #d6efa1 0%,#d0e69d 100%);
    background: -o-linear-gradient(top,  #d6efa1 0%,#d0e69d 100%);
    background: -ms-linear-gradient(top,  #d6efa1 0%,#d0e69d 100%);
    background: linear-gradient(top,  #d6efa1 0%,#d0e69d 100%);
}

.nFailure { box-shadow: 0 1px 2px #fbb5b5 inset; border: 1px solid #dfa59b; color: #7d2a1c;
    background: #f0b5a1;
    background: -moz-linear-gradient(top,  #f0b5a1 0%, #de9d8a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0b5a1), color-stop(100%,#de9d8a));
    background: -webkit-linear-gradient(top,  #f0b5a1 0%,#de9d8a 100%);
    background: -o-linear-gradient(top,  #f0b5a1 0%,#de9d8a 100%);
    background: -ms-linear-gradient(top,  #f0b5a1 0%,#de9d8a 100%);
    background: linear-gradient(top,  #f0b5a1 0%,#de9d8a 100%);
}
.nFailure > p { text-shadow: 0 1px 0 #DDD; }

.nInformation { border: 1px solid #bcd9f3; color: #4579aa;
    background: #deedf9;
    background: -moz-linear-gradient(top,  #deedf9 0%, #cde5f7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#deedf9), color-stop(100%,#cde5f7));
    background: -webkit-linear-gradient(top,  #deedf9 0%,#cde5f7 100%);
    background: -o-linear-gradient(top,  #deedf9 0%,#cde5f7 100%);
    background: -ms-linear-gradient(top,  #deedf9 0%,#cde5f7 100%);
    background: linear-gradient(top,  #deedf9 0%,#cde5f7 100%);
    box-shadow: 0 1px 2px #e9f3fb inset;
}

/* === Loading === */
.loading-overlay { position: fixed; top: 0; left: 0; z-index: 9917; width: 100%; height: 100%; }
.loading-overlay .shadow { position: absolute; z-index: 9918; width: 100%; height: 100%; background: #000; opacity: 0.2; }
.loading-overlay .loading-s,
.loading-overlay .loading-m,
.loading-overlay .loading-b { position: absolute; z-index: 9919; top: 50%; left: 50%; margin: -26px 0 0 -26px; padding: 10px; background: #fff; border-radius: 26px; }
.loading-overlay .loading-s { margin: -18px 0 0 -18px; border-radius: 18px; }
.loading-overlay .loading-b { margin: -42px 0 0 -42px; border-radius: 42px; }

.loading, .loading-s, .loading-m, .loading-b { font-size: 12px; }
.loading i, .loading-s i, .loading-m i, .loading-b i { display: inline-block; *display: inline; *zoom: 1; font-size: 0; width: 16px; height: 16px; vertical-align: middle; background: url(../images/elements/loaders/1s.gif) no-repeat center center; }
.loading span, .loading-s span, .loading-m span, .loading-b span { margin-left: 5px; vertical-align: middle; }
.loading-m span, .loading-b span { margin-left: 10px; font-size: 14px; }
.loading-m i { width: 32px; height: 32px; background: url(../images/elements/loaders/1.gif) no-repeat center center; }
.loading-b i { width: 64px; height: 64px; background: url(../images/elements/loaders/1b.gif) no-repeat center center; }

.dialog { position: relative; }
.dialog .loading-overlay { position: absolute; }
.dialog .loading-overlay .loading-s,
.dialog .loading-overlay .loading-m,
.dialog .loading-overlay .loading-b {margin-left: -100px;}
.dialog .loading-overlay .shadow { background: #fff; opacity: 1; }

.loading-overlay.transparent .loading-s,
.loading-overlay.transparent .loading-m,
.loading-overlay.transparent .loading-b {display:none;background: none;}
.loading-overlay.transparent .shadow {display:none;}

/* === Progress === */
.progress-overlay { position: fixed; top: 0; left: 0; z-index: 9917; width: 100%; height: 100%; }
.progress-overlay .shadow { position: absolute; z-index: 9918; width: 100%; height: 100%; background: #000; opacity: 0.5; }
.progress-overlay .progress-m { position: absolute; z-index: 9919; top: 50%; left: 50%; margin: -36px 0 0 -170px; padding: 20px; width: 300px; background: #fff; border-radius: 4px; }
.progress-overlay .progress-m .actions { padding: 10px 0 0; text-align: right; }

/* === Msg Notification === */
.msg{padding:4px 4px 4px 26px;font-size:12px;line-height:16px;color:#404040;background-color:#FFF3C3;border:none;overflow:hidden;zoom:1;}
.msg-b{margin:5px 0; padding:15px 15px 15px 52px;font-size:14px;line-height:22px;color:#404040;background-color:#FFF3C3;border:none;overflow:hidden;zoom:1;}
.msg-h{margin:5px 0; padding:15px 15px 15px 80px;font-size:18px;line-height:35px;color:#404040;background-color:#FFF3C3;border:none;overflow:hidden;zoom:1;}
.msg.simple, .msg-b.simple, .msg-h.simple {padding:15px;}
.msg.simple {padding:4px;}
.msg.simple > i, .msg-b.simple > i, .msg-h.simple > i {display:none;}

.msg-inline{display:inline-block; *display:inline; *zoom:1;}
.msg-b .msg-vm,.msg-b-weak .msg-vm{padding-top:7px;}
.msg-b .msg-middle{padding-top:7px;}
.msg-h .msg-vm,.msg-h-weak .msg-vm{padding-top:7px;}
.msg-h .msg-middle{padding-top:7px;}
.msg a,.msg-b a,.msg-h a,
.msg-weak a,.msg-b-weak  a,.msg-h-weak a{font-weight:bold;text-decoration:underline;}
.msg .buttonS,.msg-b .buttonS,.msg-h .buttonS,
.msg-weak .buttonS,.msg-b-weak  .buttonS,.msg-h-weak .buttonS{text-decoration:none !important;}
.msg a em,.msg-b a em,.msg-h a em{color:#FF6600;}
.msg a:hover,.msg-b a:hover,.msg-h a:hover{text-decoration:underline;}
.msg-cnt {padding-top:5px;word-wrap:break-word;word-break:break-all;}
.msg .msg-cnt,.msg-weak .msg-cnt {padding-top:0;}
.msg .msg-cnt i,.msg-weak .msg-cnt i {background:none;float:none;margin:0;width:auto;height:auto;}
.msg-cnt h5 {display:inline;margin-right:20px;word-break:normal;}
.msg-cnt p {font-size:12px;font-weight:normal;}

.msg-ok,.msg-b-ok,.msg-h-ok{background-color:#ECFFE3;color:#5A8D4A;}
.msg-ok a,.msg-b-ok a,.msg-h-ok a{color:#5A8D4A;}
.msg-ok a:hover,.msg-b-ok a:hover,.msg-h-ok a:hover{color:#CC0000;}
.msg-ok hr,.msg-b-ok hr,.msg-h-ok hr{background-color:#CEE3C2;}

.msg-error,.msg-stop,.msg-b-error,.msg-b-stop,.msg-h-error,.msg-h-stop{background-color:#FFEAE9;color: #A2433F;}
.msg-error a,.msg-stop a,.msg-b-error a,.msg-b-stop a,.msg-h-error a,.msg-h-stop a{color:#A2433F;}
.msg-error a:hover,.msg-stop a:hover,.msg-b-error a:hover,.msg-b-stop a:hover,.msg-h-error a:hover,.msg-h-stop a:hover{color:#CC0000;}
.msg-error hr,.msg-stop hr,.msg-b-error hr,.msg-b-stop hr,.msg-h-error hr,.msg-h-stop hr{background-color:#FFCBC8;}

.msg-attention,.msg-b-attention,.msg-h-attention{background-color:#E2F2FF;color:#2B6394;}
.msg-attention a,.msg-b-attention a,.msg-h-attention a{color:#3063B0;}
.msg-attention a:hover,.msg-b-attention a:hover,.msg-h-attention a:hover{color:#CC0000;}
.msg-attention hr,.msg-b-attention hr,.msg-h-attention hr{background-color:#AAD9FF;}

.msg-question,.msg-tips,.msg-alarm,.msg-b-question,.msg-b-tips,.msg-b-alarm,.msg-h-question,.msg-h-tips,.msg-h-alarm{background-color:#FFF3C3;color:#8F5122;}
.msg-question a,.msg-tips a,.msg-alarm a,.msg-b-question a,.msg-b-tips a,.msg-b-alarm a,.msg-h-question a,.msg-h-tips a,.msg-h-alarm a{color:#ff6600;}
.msg-question a:hover,.msg-tips a:hover,.msg-alarm a:hover,.msg-b-question a:hover,.msg-b-tips a:hover,.msg-b-alarm a:hover,.msg-h-question a:hover,.msg-h-tips a:hover,.msg-h-alarm a:hover{color:#CC0000;}
.msg-question hr,.msg-tips hr,.msg-alarm hr,.msg-b-question hr,.msg-b-tips hr,.msg-b-alarm hr,.msg-h-question hr,.msg-h-tips hr,.msg-h-alarm hr{background-color:#FFD288;}

.msg-weak hr,.msg-b-weak  hr,.msg-h-weak  hr {background-color:#CCCED0;}

.msg-weak{padding:2px 5px 2px 26px;font-size:12px;line-height:18px;color:#404040;background:none;border:none;}
.msg i,.msg-weak i{display:inline;float:left;margin-left:-21px;width:16px;height:16px;background:url(../images/msg_bg.png) no-repeat 0 -560px;_background-image:url(../images/gif/msg_bg.gif);}
.msg-b-weak{margin:0 0 10px; padding:10px 10px 10px 68px;line-height:26px;font-size:14px;color:#404040;background:none;border:none;}
.msg-b i,.msg-b-weak i{display:inline;float:left;margin-top:2px;margin-left:-38px;width:28px;height:28px;background:url(../images/msg_bg.png) no-repeat 100% -560px;_background-image:url(../images/gif/msg_bg.gif);}
.msg-b i {_background-image:url(../images/gif/msg_bg2.gif);}
.msg-b-weak i {margin-top:0;margin-left:-50px;width: 40px;height:40px;}
div.sticky .msg-b-weak {margin:0;}
.msg-h-weak{margin:0 0 10px; padding:10px 10px 10px 70px;line-height:35px;font-size:14px;color:#404040;background:none;border:none;}
.msg-h i,.msg-h-weak i{display:inline;float:left;margin-left:-60px;width:50px;height:50px;background:url(../images/msg_bg.png) no-repeat 100% -560px;_background-image:url(../images/gif/msg_bg.gif);}
.msg-ok {}
.msg-ok i{background-position:0 -200px;}
.msg-error {}
.msg-error i{background-position:0 0;}
.msg-stop{}
.msg-stop i{background-position:0 -40px;}
.msg-question{}
.msg-question i{background-position:0 -80px;}
.msg-notice{}
.msg-notice i{background-position:0 -240px;}
.msg-attention{}
.msg-attention i{background-position:0 -120px;}
.msg-tips{}
.msg-tips i{background-position:0 -160px;}
.msg-alarm{}
.msg-alarm i{background-position:0 -280px;}

.msg-b-ok{}
.msg-b-ok i{background-position:-18px -198px;}
.msg-b-error{}
.msg-b-error i{background-position:-18px 2px;}
.msg-b-stop{}
.msg-b-stop i{background-position:-18px -38px;}
.msg-b-question{}
.msg-b-question i{background-position:-18px -78px;}
.msg-b-notice{padding-left:10px;}
.msg-b-notice i{background-position:-54px -241px;display:none;}
.msg-b-attention{}
.msg-b-attention i{background-position:-18px -118px;}
.msg-b-tips{}
.msg-b-tips i{background-position:-18px -158px;}
.msg-b-alarm{}
.msg-b-alarm i{background-position:-18px -278px;}

.msg-b-weak.msg-b-ok{}
.msg-b-weak.msg-b-ok i{background-position:-48px -198px;}
.msg-b-weak.msg-b-error{}
.msg-b-weak.msg-b-error i{background-position:-48px 2px;}
.msg-b-weak.msg-b-stop{}
.msg-b-weak.msg-b-stop i{background-position:-48px -38px;}
.msg-b-weak.msg-b-question{}
.msg-b-weak.msg-b-question i{background-position:-48px -78px;}
.msg-b-weak.msg-b-notice{}
.msg-b-weak.msg-b-notice i{background-position:-48px -236px;}
.msg-b-weak.msg-b-attention{}
.msg-b-weak.msg-b-attention i{background-position:-48px -118px;}
.msg-b-weak.msg-b-tips{}
.msg-b-weak.msg-b-tips i{background-position:-48px -158px;}
.msg-b-weak.msg-b-alarm{}
.msg-b-weak.msg-b-alarm i{background-position:-48px -278px;}

.msg-h-ok{}
.msg-h-ok i{background-position:-90px -250px;}
.msg-h-error{}
.msg-h-error i{background-position:-90px 0;}
.msg-h-stop{}
.msg-h-stop i{background-position:-90px -50px;}
.msg-h-question{}
.msg-h-question i{background-position:-90px -100px;}
.msg-h-notice{padding-left:15px;}
.msg-h-notice i{background-position:-90px -300px;display:none;}
.msg-h-attention{}
.msg-h-attention i{background-position:-90px -150px;}
.msg-h-tips{}
.msg-h-tips i{background-position:-90px -200px;}
.msg-h-alarm{}
.msg-h-alarm i{background-position:-90px -300px;}

/* ========== Content pagination ========== */
.pagination { position: relative; margin: auto; width: auto; _width:100%; text-align: right; border-top: 1px solid #CCCCC4; font-size: 0; }
.pagination.fixed { position: fixed; z-index: 1001; bottom: 0; _bottom: auto; left: 0; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; background: #fff;  /* box-shadow: 0 -3px 3px rgba(0,0,0,.1);*/ border-top: none; border-top: 1px solid #DCDCD7; }
.withFixed { _background: url(about:blank) fixed!important;  }
.pagination-fixed { position: fixed; z-index: 1001; bottom: 0; _bottom: auto; left: 0; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; background: #fff;  /* box-shadow: 0 -3px 3px rgba(0,0,0,.1);*/ border-top: none; border-top: 1px solid #DCDCD7;  _position: absolute!important;  _top: expression((document).documentElement.scrollTop + document.documentElement.clientHeight -  50); }

.pagination-padding {padding:10px;}
.fixed .pagination-padding,.pagination-fixed .pagination-padding {padding:5px;}
.pagination .selector,.pagination .selector span,.pagination .selector select { height: 20px; line-height: 20px; vertical-align: middle; }
.pagination .selector { vertical-align: 1px; vertical-align: middle \9; }
.amount { line-height: 22px; font-size: 12px; position: absolute; left:5px; }
.amount > span { margin: 0 5px 0 0; vertical-align: middle; }
.amount > span em { margin: 0 5px; font-style: normal; color: #333; }
.pages { display: inline-block; *display: inline; *zoom: 1; width: 380px; }
.pages li.prev > a span, .pages li.next > a span { margin-right: 0; }
.pages li { display: inline-block; *display: inline; *zoom: 1; height: 22px; font-size: 12px; margin: 0 2px 0 0; }
.pages li a, input.jumpToBtn {padding:2px 8px;}
.pages li a.active, .pages li a:active,
input.active.jumpToBtn, input.jumpToBtn:active { background-color: #3C7CD5;color: #fff; border-color: #15366D; }
/*
.pages li a,
input.jumpToBtn {
    background: #f9f9f9;
    background: -moz-linear-gradient(top,  #f9f9f9 0%, #eeeeee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eeeeee));
    background: -webkit-linear-gradient(top,  #f9f9f9 0%,#eeeeee 100%);
    background: -o-linear-gradient(top,  #f9f9f9 0%,#eeeeee 100%);
    background: -ms-linear-gradient(top,  #f9f9f9 0%,#eeeeee 100%);
    background: linear-gradient(top,  #f9f9f9 0%,#eeeeee 100%);
    border: 1px solid #c3c3c3; border-radius: 3px; padding: 4px 7px; margin: 0 1px; cursor: pointer; *cursor: hand; color: #333; font-size: 12px; line-height: 12px; display: inline-block; *display: inline; *overflow: hidden; box-shadow: 0 1px 0 #fff inset, 0 1px 0 #dfdfdf;
}
.pages li a:hover,
input.jumpToBtn:hover {
    background: #f6f6f6;
    background: -moz-linear-gradient(top,  #f6f6f6 0%, #e8e8e8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e8e8e8));
    background: -webkit-linear-gradient(top,  #f6f6f6 0%,#e8e8e8 100%);
    background: -o-linear-gradient(top,  #f6f6f6 0%,#e8e8e8 100%);
    background: -ms-linear-gradient(top,  #f6f6f6 0%,#e8e8e8 100%);
    background: linear-gradient(top,  #f6f6f6 0%,#e8e8e8 100%);
    border: 1px solid #999;
}
.pages li .active, .pages li a:active, .pages li .active:hover { background: #6f6f6f; color: #fff; border-color: #646464; box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff; }
*/
.pages input.jumpTo { vertical-align: -1px; margin: 0; padding: 3px 5px 2px; width: 30px; font-size: 12px; background: #fff; border: 1px solid #c3c3c3; display: inline; }

.pagination-mini { margin: auto; width: auto; text-align: right; padding: 10px; border: none; font-size: 0; }
.pagination-mini .pages { width: auto; }
.pagination-mini .pages a { padding: 0 6px; }
.pagination-mini .pages input.jumpTo { padding: 0 6px; width: 10px; height: 14px; line-height: 14px; }

.pagination-simple {text-align:center;}
.pagination-simple .pages {width: auto;}

.pagination-grade {text-align:right;}
.pagination-grade .pages {width: auto;}

/* ===== Timepicker  ===== */
.timepicker { width: 65px!important; float: left; }
.timeEntry_control { margin-left: -1px; margin-top: 0; cursor: pointer; float: left; }
* html .timeEntry_control { margin-top: -4px; }
.timeRange li { float: left; }

/* ===== Search widget  ===== */
.searchLine { position: relative; box-shadow: 0 1px 1px #fcfcfc; margin: 12px 15px; line-height: 24px; }
.searchLine input[type=text] { border: 1px solid #cdcdcd; padding: 5px; width: 100%; height: 28px; box-sizing: border-box; -moz-box-sizing: border-box; border-radius: 2px; }
.searchLine input[type=text]:focus {
    outline:none;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.1);
}
.searchLine button { position: absolute; top: 0; right: 0; width: 32px; height: 100%; max-height: 100%; z-index: 99; border-top-right-radius: 2px; border-bottom-right-radius: 2px; }
.searchLine .icos-search { width: 14px; margin: 8px; padding: 0; }
.searchLine button:active { box-shadow: none!important; }
.searchLine button .iconb { position: absolute; right: 7px; top: 6px; z-index: 100; font-size: 16px; }

.searchBox { position: relative; display: inline-block; *display: inline; *zoom: 1; }
.searchBox input[type=text] { padding: 5px; padding-right: 32px; /*width: 100%;*/ height: 24px; line-height: 14px; box-sizing: border-box; -moz-box-sizing: border-box; border-radius: 2px; }
.searchBox button { position: absolute; top: 0; right: 0; width: 32px; height: 100%; max-height: 100%; z-index: 99; border-top-right-radius: 2px; border-bottom-right-radius: 2px; background: none; border: none; }

/* ===== Search widget  ===== */
.iTextClearButtonContainer { position:relative; display:inline-block }
.iTextClearButtonContainer input { padding-right:28px !important }
.iTextClearButton { background:url('../images/clear.png') no-repeat 0px 0px; cursor:pointer; display:block; height:19px; position:absolute; z-index:2; right:4px; top:3px; width:19px }
.iTextClearButton:active { background-position:0px -19px }
.iTextClearButton:hover { background-position:0px -57px }

/* # Form styles
================================================== */
.filterForm { position: relative; padding: 5px 0; height:auto!important; _height:122px; min-height: 90px; background: #ECECEC; /*box-shadow: 0 0 7px rgba(0,0,0,0.5) inset;*/ }
.filterForm .formRow {margin-right: 100px; padding-bottom: 0; border: none; }
.filterForm .formRow > div { white-space: nowrap; }
.filterForm [class*="grid"]:first-child { margin-left: 2.127659574%; }
.filterForm .formRow li.control-group { float: left; display: block; width: 300px; height: 32px; }
.filterForm .formRow li.control-group.entire { width: 100%; }
.filterForm .formRow li.control-group.cols2 { width: 560px; clear: both; }
.filterForm .formRow li.control-group .control-label { width: 110px; *width:120px;}
.filterForm .formRow li.control-group .controls { margin-left: 110px; margin-right: 0; _margin-left: 0; _float: left; }

.filterForm .formRow input[type="text"], .filterForm .formRow input[type="password"], .filterForm textarea, .filterForm .selector { border: 1px solid #A2A2A2; box-sizing: border-box; -moz-box-sizing: border-box; height: 26px; width: 170px; _width: 180px; }
.filterForm .formRow input[type="text"]:focus, .filterForm .formRow input[type="password"]:focus, .filterForm textarea:focus {
    box-shadow:inset 0 1px 1px rgba(0,0,0,.1), 0 0 8px rgba(162,162,162,1);
}
.filterForm .formRow .input-mini { width:75px !important; }
.filterForm .formRow select { padding: 1px; width: 170px; min-width: 0; vertical-align: middle; _width:100%;}
.filterForm .control-group .check input { margin-top: 8px; margin-bottom: 7px; }
.filterForm input.datepicker { width: 170px !important; }
.filterForm input.datetimepicker { width: 170px !important; }
.filterForm .btn-set { position: absolute; top: 10px; right: 20px; _width: 64px;}
.filterForm .btn-set a { margin-bottom: 12px; display: block; }
.filterForm .filterRow { padding: 0 10px 10px 125px; }
.filterForm .btn-filter .buttonS { padding: 3px; background: none !important; color: #3D9421 !important; border: none !important; }
.filterForm .btn-filter .buttonS:hover { box-shadow: none; color: #ff6600 !important; }
.filterForm .btn-filter .buttonS:active, .filterForm .btn-filter.open .buttonS { color: #ff6600 !important; }
.filterForm .btn-filter .buttonS > .caret { border-top-color: #000; }
.filterForm .btn-filter .i-add { background-position: -51px -243px; }

.filterForm .dropdown-menu { width: 320px; }
.filterForm .dropdown-menu li { float:left; width: 50%; }
.filterForm .dropdown-menu li .check { display: block; }
.filterForm .dropdown-menu li .checker { margin-top: 0; vertical-align: -5px; }
.filterForm .dropdown-menu li a { padding: 0; }
.filterForm .dropdown-menu li a label { padding: 5px 10px; display: block; }

.filterForm .form-horizontal {_margin-top:32px;}

.form-search .input-append .search-query,
.form-search .input-prepend .search-query { border-radius: 0; }
.form-search .input-append .search-query { border-radius: 14px 0 0 14px; }
.form-search .input-append .btn { border-radius: 0 14px 14px 0; }
.form-search .input-prepend .search-query { border-radius: 0 14px 14px 0; }
.form-search .input-prepend .btn { border-radius: 14px 0 0 14px; }

.input-append .buttonS { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; vertical-align: middle; }
.form-search input,
.form-inline input,
.form-horizontal input,
.form-search textarea,
.form-inline textarea,
.form-horizontal textarea,
.form-search select,
.form-inline select,
.form-horizontal select,
.form-search .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-search .input-prepend,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.input-append {
    display: inline-block;
    *display: inline;
    margin-bottom: 0;
    *zoom: 1;
}
.input-append {
    font-size: 0;
    vertical-align: middle;
}
.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
    display: none;
}

.form-search label,
.form-inline label,
.form-inline .controls,
.btn-group {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    line-height: 23px;
}

.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
    margin-bottom: 0;
}

.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
    padding-left: 0;
    margin-bottom: 0;
    vertical-align: middle;
}

.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
    float: left;
    margin-right: 3px;
    margin-left: 0;
}

.control-group {
    margin-bottom: 10px;
    *zoom: 1;
}
.control-group:before,
.control-group:after {
    display: table;
    line-height: 0;
    content: "";
}
.control-group:after {
    clear: both;
}

legend + .control-group {
    margin-top: 10px;
    -webkit-margin-top-collapse: separate;
}
.controls {
    min-height: 26px;
    word-wrap: break-word;
    word-break: break-all;
}
.form-horizontal .control-group {
    margin-bottom: 10px;
    *zoom: 1;
}
.form-vertical .control-group {
    margin-left: 60px;
    margin-right: 60px;
}
.form-vertical .accordion .control-group {
    margin: 0;
}
.control-group .description { color: #999; }
.control-label {
    font-weight: normal;
    word-wrap: break-word;
    word-break: break-all;
}
.control-label.item {
    padding-right: 10px;
    box-sizing: border-box; -moz-box-sizing: border-box;
    font-weight: bold;
    color: #3063B0;
}
.control-label em { margin: 0 5px; color: #f00; font-style: normal; font-weight: normal; }
.form-horizontal .control-label {
    float: left;
    width: 140px;
    text-align: right;
    line-height: 24px;
    margin-top: 2px;
}
.form-horizontal.form-longlabel .control-label {
    width: 280px;
}

.form-vertical .control-label {
    padding: 5px 0;
    font-weight: bold;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.form-vertical .accordion .control-label {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.form-horizontal .controls {
    *display: inline-block;
    *padding-left: 20px;
    margin-left: 160px;
    *margin-left: 0;
    margin-right: 0;
    line-height: 28px;
}

.form-horizontal .control-group .control-group .controls {*margin-left: 160px;} /*for ie6*/

.form-horizontal.form-longlabel .controls {
    margin-left: 300px;
    *margin-left:0;
}
.form-vertical .controls {
    padding-left: 30px;
}
.form-vertical .accordion .controls {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.form-horizontal .cols4 .controls {
    float: left;
    margin-left: 20px;
    margin-right: 0;
    width: 200px;
}
.form-horizontal .controls:first-child {
    *padding-left: 160px;
}
.form-inline .control-label,
.form-inline .controls {
    float: none;
    vertical-align: top;
    margin:0 20px 0 0;
    width: auto;
}
.form-inline .control-label {
    margin: 2px 0 0;
    *float:left;
}
.hd .form-inline .control-group {
    margin: 0;
}
.form-inline .form-actions {
    padding: 0;
}
.form-actions { margin: 10px 0; }
.form-horizontal .form-actions { padding-left: 160px; }
.form-horizontal.form-longlabel .form-actions { padding-left: 300px; }
.form-vertical .form-actions { padding-left: 90px; }
.form-more { margin-bottom: 10px; width: 160px; text-align: right; }
.form-more a { color: #075EE0; }
.form-more a:hover { color: #f60; }
.form-more a span { vertical-align: middle; }

.form-narrow .control-label { width: 95px; }
.form-narrow .controls { margin-left: 105px; }
.form-narrow .form-actions { padding-left: 105px; }

.noLabel .control-label { display: none; }
.noLabel .controls { margin-left: 60px; margin-right: 60px; }
.noLabel .form-actions { padding-left: 60px; }
/**/
.multiple { width: 100%; height: 200px; padding: 5px; border: 1px solid #d7d7d7; box-shadow: 0 1px 0 #fff; }
.formRow {  *zoom: 1; }
.formRow:before, .formRow:after { display: table; content: ""; }
.formRow:after { clear: both; }

.formRow { border-bottom: 1px solid #ddd; border-top: 1px solid #fff; padding: 6px 15px; line-height: 26px; }
.formRow:first-child { border-top: none; }
.formRow  [class*="grid"] > label { display: block; line-height: 26px; }
.formRow label > span { margin-top: -2px; padding: 0; }
.formRow label > img { float: left; margin: 5px 10px 0 0; }

.formRow input[disabled] { /*background-color: #f9f9f9; *//*color: #afafaf; */}
.formSubmit { display: block; float: right; }
/* ===== jsTree styling  ===== */
.jstree-container { border: 1px solid #c7c7c7; background: #fff; }
.jstree-container h3 { padding: 5px 15px; background: #E4E4DE; font-size: 12px; }
.jstree-container .ztree { padding: 10px; height: 300px; }

/* === Dividers === */
.divider { margin: 20px 0; background: url(../images/divider.png) no-repeat center center; height: 2px; }
.divider > span {  }

/* ===== Form styling  ===== */
label > span { vertical-align: middle; }
.check { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
.check label { cursor: pointer; }
.selector, .radio, .checker, .uploader, .selector *, .radio *, .checker *, .uploader *{ margin: 0; padding: 0; cursor: pointer; }

div.selector { background: #fcfcfc; background: -moz-linear-gradient(top, #fcfcfc 0%, #f1f1f1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f1f1f1)); background: -webkit-linear-gradient(top, #fcfcfc 0%,#f1f1f1 100%); background: -o-linear-gradient(top, #fcfcfc 0%,#f1f1f1 100%); background: -ms-linear-gradient(top, #fcfcfc 0%,#f1f1f1 100%); background: linear-gradient(top, #fcfcfc 0%,#f1f1f1 100%); border: 1px solid #CCCCC4; line-height: 24px; height: 24px; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box;  border-radius: 2px; display: -moz-inline-box; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; zoom: 1; margin: 0; padding: 0 0 0 8px; cursor: pointer; width: auto; max-width: 280px; font-size: 12px; position: relative; overflow: hidden; text-align: left; }
div.selector span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333; text-shadow: 0 1px #f5f5f5; padding: 0 37px 0 2px; background: url(../images/elements/forms/selectArrow.png) no-repeat 100%; cursor: pointer; font-size: 12px; height: 24px; line-height: 24px; }
div.selector select { position: absolute; opacity: 0; height: 25px; border: none; background: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border: solid 1px white; width: 100%; top: 0; left: 0; }
.selector.fixedWidth  select {position:relative;}
.labelDisabled { color: #B7B7B7; }

/* Checkboxes */
div.checker { width: 16px; height: 16px; position: relative; display: -moz-inline-box; display: inline-block; *display: inline; *zoom: 1; vertical-align: -3px; vertical-align: -6px \9; margin-top: 2px; margin-right: 5px; }
div.checker input { width: 16px; height: 16px; opacity: 0; display: inline-block; *display: inline; *zoom: 1; background: none; }
div.checker span { background: url(../images/elements/forms/checkboxes.png) no-repeat 0 0; height: 16px; width: 16px; display: -moz-inline-box; display: inline-block; *display: inline; *zoom: 1; text-align: center; }
div.checker span.checked { background-position: 0 -17px; }
div.checker.disabled span { background-position: 0 -51px; }
div.checker.disabled span.checked { background-position: 0 -34px; }
div.checker.disabled { opacity: 1; cursor: default; }

/* Radio buttons */
div.radio { width: 16px; height: 17px; position: relative; display: -moz-inline-box; display: inline-block; *display: inline; *zoom: 1; vertical-align: -3px; vertical-align: -5px \9; margin-top: 2px; margin-right: 5px; }
div.radio input { width: 16px; height: 17px; opacity: 0; display: inline-block; *display: inline; *zoom: 1; background: none; }
div.radio span { background: url(../images/elements/forms/radios.png) no-repeat 0 0; height: 17px; width: 16px; display: -moz-inline-box; display: inline-block; *display: inline; *zoom: 1; text-align: center; }
div.radio span.checked { background-position: 0 -18px; }
div.radio.disabled span { background-position: 0 -51px; }
div.radio.disabled span.checked { background-position: 0 -34px; }
div.radio.disabled { opacity: 1; cursor: default; }

/* File uploader */
div.uploader { width: 240px; position: relative; overflow: hidden; box-shadow: 0 1px 0 #fff; border: 1px solid #d7d7d7; background: #fdfdfd; padding: 2px 2px 2px 8px; }
div.uploader span.action { width: 22px; background: #fff url(../images/elements/forms/addFiles.png) no-repeat 0 0; height: 22px; font-size: 12px; font-weight: bold; cursor: pointer; float: right; text-indent: -9999px; display: inline; overflow: hidden; cursor: pointer; }
div.uploader:hover span.action { background-position: 0 -27px; }
div.uploader:active span.action { background-position: 0 -54px; }
div.uploader span.filename { color: #777; max-width: 200px; font-size: 12px; line-height: 22px; float: left; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: default; }
div.uploader input { width: 256px; opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; float: right; height: 26px; border: none; cursor: pointer; }
.uploader { display: -moz-inline-box; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; zoom: 1; *display: inline; }

.upload-preview {margin:10px 0;width:320px;height:240px;background:#FFF url(../images/upload_img.png) no-repeat 50% 50%;border:1px solid #CCC;}
.upload-preview img {width:320px;height:240px;}

/* ===== Tags input  ===== */
div.tagsinput { border: 1px solid #ddd; background: #fdfdfd; padding: 5px; width: 100%; overflow-y: auto; box-sizing: border-box; -moz-box-sizing: border-box; }
div.tagsinput span.tag { border: 1px solid #a5d24a; display: block; float: left; padding: 0 8px; background: #cde69c; color: #638421; margin: 5px 5px 5px 5px; line-height: 23px; font-size: 12px; }
div.tagsinput span.tag a { font-weight: bold; color: #82ad2b; font-size: 12px; float: right; }
div.tagsinput input { width: 60px; border: none; padding: 5px 8px 6px 8px; background: transparent; margin: 5px 5px 0 4px; }
div.tagsinput div { display: block; float: left; }
.tags_clear { clear: both; width: 100%; height: 0; }
.not_valid { background: #FBD8DB !important; color: #90111A !important;}

/* # Tables
================================================== */
/* === Sort Row === */
.sortRow { padding: 5px 15px; }
.sortRow label { line-height: 30px; }
.sortRow a { margin: 2px; padding: 3px 5px 3px 10px; background: #fff; color: #333; border: 1px solid #ccc; border-radius: 2px; display: inline-block; *display: inline; *zoom: 1; }
.sortRow a .ico { margin: 0 3px 3px; background-position: -271px -31px; width: 10px; height: 10px }
.sortRow a.sortUp .ico { background-position: -247px -7px; }
.sortRow a.sortDown .ico { background-position: -199px -7px; }
.sortRow a:hover { border: 1px solid #666; }
.sortRow a.active { background: #4682DC; color: #fff; border: 1px solid #3064B2; }
.sortRow a.sortUp.active .ico { background-position: -223px -7px; }
.sortRow a.sortDown.active .ico { background-position: -175px -7px; }

.datatable {  _margin-top:32px;background: #fff; text-align: center; _padding-bottom: 35px;overflow-y: inherit!important;border: 1px solid #D5D7D6;}
.table-fixed {table-layout:fixed;}
.table-fixed tbody td {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.table-fixed thead td {overflow:hidden;}
fieldset .datatable { overflow: auto; }
.block .datatable { border: none; }
.dualBoxes .datatable { border: none; }
.datatable .scrollable { overflow: auto; }
.nodata { margin: 20px auto; display: inline-block; *display: inline; *zoom: 1; }
.scroller { position: absolute; top: 6px; z-index: 2; width: 100%; }
.scroll-left, .scroll-right { position: absolute; top: 0; right: 5px; }
.scroll-left .ico { background-position: -4px -194px; width: 16px; height: 20px; }
.scroll-right .ico { background-position: -28px -194px; width: 16px; height: 20px; }
.scroll-left:hover .ico { background-position: -4px -218px; }
.scroll-right:hover .ico { background-position: -28px -218px; }
table .selector, table .selector > span, table .selector select { height: 20px; line-height: 20px; }
table a { color: #075EE0; text-decoration: underline; }
table a:hover { color: #ff6600; }
table a.buttonS {text-decoration: none;}
table td { line-height: 18px; text-align: left; vertical-align: middle; }
table td.textL{ text-align: left; vertical-align: middle; }
table td.textC{ text-align: center; vertical-align: middle; }
table td.textR{ text-align: right; vertical-align: middle; }
table thead td,table thead th { white-space: nowrap; background: #E5E5DD url(../images/repeat.png) repeat-x 0 -9999px; }
table thead td.sortCol { cursor: pointer; background-color: #efefef; }
table thead td.sortCol:hover { background-position: 0 -1650px; color: #355796; }
table thead td.sortCol div { position: relative; padding-right: 16px; display: inline-block; *display: inline; *zoom: 1; }
table thead td.sortCol div span { background: url(../images/sprite.png) no-repeat -285px -177px; display: block; position: absolute; text-decoration: none; right: 2px; top: 6px; width: 9px; height: 8px; }
table thead td.sortCol:hover span { background-position: -285px -197px; }
table thead td.sortCol.headerSortUp span, table thead td.sortCol.headerSortUp:hover span { background-position: -285px -237px; }
table thead td.sortCol.headerSortDown span, table thead td.sortCol.headerSortDown:hover span { background-position: -285px -217px;  }
table thead td.sortCol.headerSortUp, table thead td.sortCol.headerSortDown, table thead td.sortCol.headerSortUp:hover, table thead td.sortCol.headerSortDown:hover { background-position: 0 -1590px; color: #333; }
table tbody tr.thisRow td, table tbody tr.thisRow td.sortCol { background: #3D71C7 !important; color: #fff; }
table tbody tr.thisRow td a:link,table tbody tr.thisRow td a:visited { color: #fff; }

table .hasCheck { padding-right: 30px; position: relative; }
table .hasCheck .check { position: absolute; top: 2px; right: 0; }
.checkAll thead td:first-child, .checkAll tbody td:first-child { width: 16px; text-align: center; }
.checkAll thead td:first-child > img { vertical-align: middle; padding-bottom: 2px; }
.datatable #checkAll { display: none;}


/* ===== Simple table ===== */
.justTable a { text-decoration: none; color: #666; }
.justTable a:hover { color: #ff6600; }
.justTable td { padding: 2px 5px; vertical-align: middle; }
.justTable thead tr { border-bottom: 1px solid #B2B5C1; }
.justTable thead td { font-weight: 600; text-align: center; font-size: 13px; }
.justTable tbody tr { border-bottom: 1px solid #E6E7EB; }
.justTable tbody tr:first-child { border-top: none; }
.justTable tbody tr:first-child td { box-shadow: 0 1px 0 #fafafa inset; border-top-left-radius: 2px; border-top-right-radius: 2px; }

/* ===== Default table ===== */
.tDefault tbody td, .tDefault thead td { border-left: 1px solid #DFDFDF; box-shadow: 0 1px 0 #fafafa inset; }
.tDefault tbody td:first-child, .tDefault thead td:first-child { border-left: none; }
.tDefault thead td { text-align: center; font-size: 12px; padding: 3px 5px 2px 5px; color: #909090; background: #eee; }
.tDefault tbody td { padding: 5px 10px; vertical-align: middle; }
.tDefault tbody tr { border-top: 1px solid #DFDFDF; }
.tDefault tbody tr:first-child { box-shadow: 0 1px 0 #fff inset; }
.tDefault tbody tr:nth-child(even) { background: #f2f2f2; }

/* ===== Light table ===== */
.tLight tbody td, .tLight thead td { white-space: nowrap; border-left: 1px solid #D5D7D6; }
.tLight thead tr { border-bottom: 1px solid #D5D7D6; }
.tLight thead td { text-align: center; padding: 5px 10px; font-weight: bold; background-position: 0 -1530px; }
.tLight thead td.sortCol.headerSortUp,
.tLight thead td.sortCol.headerSortDown,
.tLight thead td.sortCol.headerSortUp:hover,
.tLight thead td.sortCol.headerSortDown:hover { color: #FFF; }
.tLight tbody td:first-child, .tLight thead td:first-child { border-left: none; }
.tLight tbody td { padding: 5px 10px; vertical-align: middle; color: #333; }
.tLight tbody tr { border-bottom: 1px solid #fff; }
.tLight tbody tr:last-child { border-bottom: 1px solid #D5D7D6; }
.tLight tbody tr.last { border-bottom: 1px solid #D5D7D6; }
.tLight tbody tr:nth-child(even) { background: #F0F5FB; }
.tLight tbody tr.even { background: #F0F5FB; }
.tLight tbody td.sortCol { background: #E8F2FB; }
.tLight tbody tr:nth-child(even) td.sortCol { background: #D8E8F8; }
.tLight tbody tr.even td.sortCol { background: #D8E8F8; }
.tLight tbody tr:hover,
.tLight tbody tr.hover td { background: #D8EAFF; }
.tLight tbody tr:hover td.sortCol,
.tLight tbody tr.hover td.sortCol { background: #D8EAFF; }

/* ===== Light table ===== */
.tLightWithLine tbody td, .tLightWithLine thead td { border-left: 1px solid #dadada; white-space: nowrap; }
.tLightWithLine thead tr { border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; }
.tLightWithLine thead td { text-align: center; padding: 5px 10px; font-weight: bold; background: #E5E5DD url(../images/repeat.png) repeat-x 0 -1530px; }
/*.tLightWithLine tbody td:first-child, .tLightWithLine thead td:first-child { border-left: none; }*/
.tLightWithLine tbody td { padding: 5px 10px; vertical-align: middle; color: #333; }
.tLightWithLine tbody tr { border-top: 1px solid #dadada; }
.tLightWithLine tbody tr:nth-child(even) { background: none; }
.tLightWithLine tbody tr.even { background: none; }
.tLightWithLine tbody tr.thisRow { background: #9EC2F7 !important; }
.tLightWithLine tbody tr.thisRow td { color: #333; }

/* ===== Print table ===== */
.tPrint { border-collapse:collapse; }
.tPrint td { padding: 5px 10px; font-size: 14px; vertical-align: middle; color: #000; border: 1px solid #666; }
.tPrint thead tr { border: none; }
.tPrint thead td { background: #F8F8F8; font-weight: bold; }
.tPrint tbody tr td,
.tPrint tbody tr:hover td {background:#FFF;word-break:break-all;}

/* Missed */
table tbody tr.missed td { background: orange; color: #666; text-decoration: line-through; }
table tbody tr.missed td * { text-decoration: line-through; }
table tbody tr.missed:hover td { background: #E19300 !important; }
table tbody tr.missed td { background: #CA2800 !important; color: #fff; }
/* Disabled */
table tbody tr.disabled td,
table tbody tr.disabled td { background: #EFEFEF !important; color: #999; }
table tbody tr.disabled td.sortCol { background: #EEE !important; color: #999; }
table tbody tr.disabled td a:link,
table tbody tr.disabled td a:link { color: #999; }
table tbody tr.disabled td .ico { background-color: #EFEFEF; }

/*流媒体配置：全局、组织、监控点*/
td.stream-global { background: #F4F4F0; }
td.stream-group { background: #D9F8FF; }
td.stream-spot { background: #FEEDDA; }

/*视图切换*/
.view-switch {position:absolute;z-index:2;top:0;right:0;padding:10px;}
.view-switch a {padding:0 5px;float:left;background:#ECECEC;border-radius:3px;}
.view-switch a.active {background:#335997;}

/*==== tags input ===*/
.tagsinput { border:1px solid #CCC; background: #FFF; padding:5px; width:300px; height:100px; overflow-y: auto;}
.tagsinput span.tag { border: 1px solid #a5d24a; -moz-border-radius:2px; -webkit-border-radius:2px; display: block; float: left; padding: 5px; text-decoration:none; background: #cde69c; color: #638421; margin-right: 5px; margin-bottom:5px;font-family: helvetica;  font-size:13px;}
.tagsinput span.tag a { font-weight: bold; color: #82ad2b; text-decoration:none; font-size: 11px;  }
.tagsinput input { width:80px; margin:0px; font-family: helvetica; font-size: 13px; border:1px solid transparent; padding:5px; background: transparent; color: #000; outline:0px;  margin-right:5px; margin-bottom:5px; }
.tagsinput div { display:block; float: left; }
.tags_clear { clear: both; width: 100%; height: 0px; }
.not_valid {background: #FBD8DB !important; color: #90111A !important;}


/*====ui combobox===*/
.custom-combobox {
    position: relative;
    display: inline-block;
}
.custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
}
.custom-combobox-input {
    margin: 0;
    padding: 5px 10px;
}

/*==== ui tooltip===*/
.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;}
